@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--surf-white:#f8fafc;--surf-mid:#f1f5f9;--surf-glass:#f4f6fa;--surf-glass-alt:#f1f3f7;--surf-graphite:#232a30;--surf-deep:#181d23;--glass-bg:#ffffff70;--glass-bg-hover:#ffffffad;--glass-border:#7d8ea514;--glass-border-hover:#7d8ea52e;--glass-shadow:0 4px 24px var(--border-subtle);--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--text-muted:#94a3b8;--text-link:#2563eb;--text-link-hover:#1d4ed8;--text-inverse:#f1f5f9;--text-inverse-sub:#94a3b8;--border-subtle:#0f172a0d;--border-light:#0f172a14;--border-soft:#0f172a14;--border-strong:#0f172a24;--border-mid:#3c4b5f1f;--border-dark-bg:#ffffff14;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#dbeafe;--accent-violet:#7c3aed;--surface-page:#f8fafc;--surface-soft:#f1f5f9;--surface-card:#fff;--surface-elevated:#ffffffd1;--surface-glass:#ffffffc2;--shadow-soft:0 18px 50px #0f172a14;--shadow-card:0 24px 80px #0f172a1a;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-heavy:800;--font-body:var(--font-sans);--font-display:var(--font-sans);--font-hero:var(--font-sans);--font-cjk:var(--font-sans);--fs-hero:clamp(4.5rem, 12vw, 12rem);--fs-display:clamp(2.2rem, 4.5vw, 3.8rem);--fs-heading:clamp(1.5rem, 3vw, 2.4rem);--fs-body:.92rem;--fs-body-sm:.84rem;--fs-label:.54rem;--fs-caption:.48rem;--sp-2xs:.25rem;--sp-xs:.5rem;--sp-sm:.75rem;--sp-md:1rem;--sp-lg:1.5rem;--sp-xl:2.5rem;--sp-2xl:3.5rem;--sp-3xl:4.5rem;--sp-4xl:6rem;--w-wide:1120px;--w-main:1060px;--w-text:800px;--w-narrow:680px;--w-tight:640px;--z-base:0;--z-content:10;--z-nav:50;--radius-sm:4px;--radius-md:8px;--radius-full:9999px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quint:cubic-bezier(.22, .61, .36, 1);--ease-reveal:cubic-bezier(.4, 0, .2, 1);--ease-reveal-snappy:cubic-bezier(.22, 1, .36, 1);--transition-fast:.3s ease-out;--transition-medium:.9s cubic-bezier(.4, 0, .2, 1);--transition-slow:1.2s cubic-bezier(.4, 0, .2, 1);--transition-journey-reveal:.52s cubic-bezier(.22, 1, .36, 1);--dur-fast:.16s;--dur-normal:.32s;--dur-slow:.55s;--dur-hover:.35s;--reveal-y:16px}.scroll-progress{background:linear-gradient(to right, var(--accent), #2563eb4d);transform-origin:0;width:100%;height:1.5px;z-index:calc(var(--z-nav) + 10);pointer-events:none;will-change:transform;position:fixed;top:0;left:0;transform:scaleX(0)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:none;-webkit-text-size-adjust:100%}html::-webkit-scrollbar{display:none}body,button,input,textarea,select{font-family:var(--font-sans)}body{background:var(--surface-page);width:100%;color:var(--text-secondary);font-weight:var(--font-regular);letter-spacing:-.01em;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;cursor:default;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 50% at calc(50% + var(--light-x,0) * 100%) calc(50% + var(--light-y,0) * 100%), #bec8dc0f 0%, transparent 70%);transition:background .5s ease-out;position:fixed;inset:0}.zh{font-family:var(--font-cjk);letter-spacing:.02em}::selection{color:var(--text-primary);background:#8ca0c32e}:focus-visible{outline-offset:5px;border-radius:2px;outline:1.5px solid #50648c80}[data-reveal],.reveal{opacity:0;visibility:hidden;transform:translate3d(0, var(--reveal-y,18px), 0);transition:opacity var(--transition-medium), transform var(--transition-medium), filter var(--transition-medium), visibility 0s linear .9s;will-change:opacity, transform}[data-reveal].reveal--visible,.reveal.reveal--visible{opacity:1;visibility:visible;transition:opacity var(--transition-medium), transform var(--transition-medium), filter var(--transition-medium), visibility 0s;transform:translate(0,0)}#project-journey [data-reveal],#project-journey .reveal{transform:translate3d(0, var(--reveal-y,12px), 0);transition:opacity var(--transition-journey-reveal), transform var(--transition-journey-reveal), visibility 0s linear .52s}#project-journey [data-reveal].reveal--visible,#project-journey .reveal.reveal--visible{opacity:1;visibility:visible;transition:opacity var(--transition-journey-reveal), transform var(--transition-journey-reveal), visibility 0s;transform:translate(0,0)}@media (prefers-reduced-motion:reduce){[data-reveal],.reveal{opacity:1;visibility:visible;transition:none;transform:none}}.atmo-light{background-color:var(--surf-white);background-image:radial-gradient(70% 45% at 40% 30%,#b9c6da40 0%,#0000 60%),radial-gradient(100% 100%,#0000 60%,#14192304 100%)}.section{width:100%;min-height:auto;padding:var(--sp-2xl) var(--sp-2xl);align-items:center;display:flex;position:relative}.section:before{content:"";pointer-events:none;z-index:1;width:100%;height:120px;position:absolute;top:0;left:0}.site-nav{width:100%;padding:var(--sp-lg) var(--sp-2xl);z-index:var(--z-nav);transition:background var(--transition-fast), border-color var(--transition-fast);background:#f6f7f9d9;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.site-nav.scrolled{border-bottom-color:var(--border-light)}.site-nav.on-dark{background:#232a30e0}.site-nav.on-dark.scrolled{border-bottom-color:var(--border-dark-bg)}.nav-logo{font-family:var(--font-hero);letter-spacing:-.04em;color:var(--text-primary);transition:transform .4s var(--ease-out-expo), opacity .4s var(--ease-out-expo);cursor:default;font-size:1.2rem;font-weight:700}.site-nav.on-dark .nav-logo{color:var(--text-inverse)}.nav-logo:hover{opacity:.7;transform:scale(1.05)}.nav-menu{align-items:center;gap:var(--sp-sm);letter-spacing:.3em;text-transform:uppercase;color:var(--text-secondary);opacity:.55;transition:opacity var(--transition-fast), transform var(--transition-fast);cursor:default;font-size:.62rem;font-weight:400;display:flex}.site-nav.on-dark .nav-menu{color:var(--text-inverse-sub)}.nav-menu:hover{opacity:1;transform:translate(-2px)}.nav-menu-line{opacity:.45;background:currentColor;width:1.2rem;height:1px;display:inline-block}.nav-sections{align-items:center;gap:.55rem;display:flex}.nav-dot{background:var(--glass-border-hover);width:5px;height:5px;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:50%;flex-shrink:0;text-decoration:none}.nav-dot:hover{background:#505f7359;transform:scale(1.4)}.nav-dot.active{background:#505f738c;transform:scale(1.25);box-shadow:0 0 6px #64789638}.site-nav.on-dark .nav-dot{background:#c8d2e12e}.site-nav.on-dark .nav-dot:hover{background:#c8d2e161}.site-nav.on-dark .nav-dot.active{background:#c8d2e18c;box-shadow:0 0 6px #b4c3d740}#hero{isolation:isolate;background-color:#f8fafc;background-image:radial-gradient(80% 50% at 50% 0,#c8d2e140 0%,#0000 60%);align-items:center;min-height:100vh;padding-top:clamp(3rem,7vh,5rem);padding-bottom:clamp(1.5rem,4vh,2.5rem);overflow:hidden}#hero:before{content:"";pointer-events:none;z-index:0;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}#hero:after{display:none}.hero-noise{pointer-events:none;z-index:0;opacity:.012;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.hero-ambient{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hero-orb{filter:blur(80px);opacity:.1;will-change:transform;border-radius:50%;position:absolute}.hero-orb--1{background:radial-gradient(circle,#b4c8e180,#0000);width:260px;height:260px;animation:14s ease-in-out infinite orbFloat1;top:12%;right:8%}.hero-orb--2{background:radial-gradient(circle,#c8c3d259,#0000);width:160px;height:160px;animation:11s ease-in-out infinite orbFloat2;bottom:20%;right:25%}.hero-ring{opacity:.18;will-change:transform;border:1px solid #a0b2c81f;border-radius:50%;position:absolute}.hero-ring--1{width:180px;height:180px;animation:16s ease-in-out infinite ringFloat1;top:30%;right:18%}.hero-ring--2{border-color:#afb9cd1f;width:110px;height:110px;animation:13s ease-in-out infinite ringFloat2;top:55%;right:32%}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-18px,-14px)scale(1.08)}66%{transform:translate(10px,8px)scale(.94)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(14px,-20px)scale(1.05)}}@keyframes ringFloat1{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-10px,-8px)rotate(3deg)}}@keyframes ringFloat2{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(8px,12px)rotate(-2deg)}}.hero-inner{max-width:var(--w-wide);width:100%;z-index:var(--z-content);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);margin:0 auto;padding-left:clamp(1rem,5vw,4rem);padding-right:clamp(1rem,5vw,4rem);display:grid;position:relative}.hero-left{min-width:0}.hero-name{font-family:var(--font-sans);font-size:clamp(3.6rem,8vw,7.2rem);font-weight:var(--font-bold);letter-spacing:-.045em;color:var(--text-primary);z-index:5;max-width:780px;transition:opacity var(--transition-slow), transform var(--transition-slow), color var(--transition-fast);margin-bottom:clamp(.4rem,1.5vw,1rem);line-height:.96;position:relative}.hero-name-line{transition:opacity var(--transition-slow), transform var(--transition-slow), clip-path var(--transition-slow), letter-spacing var(--transition-medium);padding-bottom:.04em;display:block;overflow:hidden}.hero-name-line--indent{margin-left:clamp(.6rem,3vw,2rem)}.hero-title{font-family:var(--font-sans);font-size:.88rem;font-weight:var(--font-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);transition:opacity var(--transition-medium), transform var(--transition-medium), color var(--transition-fast);margin-bottom:clamp(.6rem,1.2vw,.9rem)}.hero-headline{font-family:var(--font-sans);font-size:clamp(1.05rem,1.5vw,1.4rem);font-weight:var(--font-regular);color:var(--text-secondary);letter-spacing:-.01em;max-width:640px;transition:opacity var(--transition-medium), transform var(--transition-medium), color var(--transition-fast);margin-bottom:clamp(.8rem,1.5vw,1.1rem);line-height:1.55}.hero-roles{flex-wrap:wrap;gap:.45rem;margin-bottom:clamp(.8rem,1.5vw,1.1rem);display:flex}.hero-role-badge{font-family:var(--font-sans);font-size:.72rem;font-weight:var(--font-semibold);letter-spacing:.03em;text-transform:uppercase;color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface-elevated);transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);padding:.4rem .8rem}.hero-role-badge:hover{border-color:var(--accent);background:var(--surface-card);color:var(--text-primary);transform:translateY(-1px)}.hero-rule{background:linear-gradient(90deg,#2563eb80,#2563eb0f);width:clamp(72px,8vw,108px);height:1.5px;margin-bottom:clamp(.7rem,1.5vw,1rem)}.hero-meta{font-size:.68rem;font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);align-items:center;gap:clamp(1rem,2.5vw,1.6rem);display:inline-flex}.hero-link{color:var(--accent);border-bottom:2px solid var(--accent-soft);transition:color var(--transition-fast), border-color var(--transition-fast), letter-spacing .4s ease-out, transform var(--transition-fast);padding-bottom:4px;text-decoration:none}.hero-link:hover{color:var(--accent-hover);border-bottom-color:var(--accent);letter-spacing:.14em;transform:translateY(-1px)}.hero-sep{background:var(--text-muted);opacity:.3;width:1px;height:9px;display:inline-block}.hero-visual{justify-content:center;align-items:center;min-height:320px;display:flex;position:relative}.hero-browser{z-index:1;width:100%;max-width:400px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:#ffffffd1;border:1px solid #6478961a;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000005,0 4px 14px #0f172a0a,0 10px 32px #0f172a08}.hero-browser:hover{transform:translateY(-2px);box-shadow:0 1px 2px #00000005,0 6px 20px #0f172a0d,0 14px 40px #0f172a0a}.browser-chrome{background:#f8fafd66;border-bottom:1px solid #64789612;align-items:center;gap:10px;padding:10px 14px;display:flex}.browser-dots{flex-shrink:0;gap:6px;display:flex}.browser-dots span{background:#6478962e;border-radius:50%;width:8px;height:8px}.browser-dots span:first-child{background:#c8786e66}.browser-dots span:nth-child(2){background:#c8b4645c}.browser-dots span:nth-child(3){background:#82af8c5c}.browser-address{color:var(--text-muted);background:#f0f3f866;border-radius:5px;flex:1;align-items:center;gap:6px;padding:4px 10px;font-size:.52rem;display:flex}.browser-lock{opacity:.35;flex-shrink:0}.browser-url{font-family:var(--font-sans);font-size:.48rem;font-weight:var(--font-medium);letter-spacing:.02em;color:var(--text-tertiary)}.browser-content{z-index:1;background:0 0;justify-content:center;align-items:center;min-height:170px;padding:18px 16px;display:flex;position:relative}.browser-visual{width:100%;height:140px;position:relative}.hero-product-preview{object-fit:contain;opacity:.96;transform-origin:50%;filter:saturate(.96)drop-shadow(0 14px 28px #0f172a14);width:100%;height:100%;display:block;transform:scale(1.1)}.geo-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(5,1fr);gap:5px;width:100%;height:100%;display:grid}.geo-cell{animation:3s ease-in-out infinite geoCellPulse;animation-delay:calc(var(--i,1) * .12s);background:#6478960f;border-radius:3px}.geo-cell:nth-child(3n){background:#6482aa1f}.geo-cell:nth-child(5n+2){background:#788caa17}.geo-cell:nth-child(7n+1){background:#6e87aa26}@keyframes geoCellPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.geo-accent{pointer-events:none;border-radius:50%;position:absolute}.geo-accent--1{background:linear-gradient(135deg,#6482b424,#5078af08);width:50px;height:50px;animation:5s ease-in-out infinite accentFloat1;top:-6px;right:-2px}.geo-accent--2{background:linear-gradient(225deg,#8c82aa1c,#786ea005);width:34px;height:34px;animation:4.5s ease-in-out infinite accentFloat2;bottom:10px;left:18%}@keyframes accentFloat1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(4px,-6px)scale(1.06)}}@keyframes accentFloat2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-4px,4px)scale(1.05)}}.geo-line{pointer-events:none;background:linear-gradient(90deg,#6482aa29,#0000);border-radius:2px;position:absolute}.geo-line--1{width:70%;height:1px;animation:4s ease-in-out infinite lineFlow1;top:30%;left:0}.geo-line--2{width:55%;height:1px;animation:5s ease-in-out infinite lineFlow2;top:58%;left:10%}.geo-line--3{width:45%;height:1px;animation:4.5s ease-in-out infinite reverse lineFlow1;top:78%;left:0}@keyframes lineFlow1{0%,to{opacity:.25;transform:scaleX(1)}50%{opacity:.55;transform:scaleX(1.05)}}@keyframes lineFlow2{0%,to{opacity:.3;transform:scaleX(1)}50%{opacity:.6;transform:scaleX(.94)}}.browser-sheen{pointer-events:none;z-index:2;background:linear-gradient(170deg,#ffffff24 0%,#0000 35% 65%,#a0aabe08 100%);border-radius:12px;position:absolute;inset:0}.hero-float{z-index:3;pointer-events:none;position:absolute}.float-badge{transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;background:#ffffffd9;border:1px solid #6478961f;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;display:flex;box-shadow:0 1px 2px #00000005,0 3px 10px #0f172a08}.float-badge--accent{background:#ffffffe0;border-color:#2563eb24}.hero-browser:hover~.hero-float .float-badge,.hero-float:hover .float-badge{border-color:#2563eb38;transform:translateY(-2px);box-shadow:0 2px 4px #00000008,0 5px 16px #0f172a0d}.float-badge-dot{background:#64789673;border-radius:50%;flex-shrink:0;width:5px;height:5px}.float-badge-dot--live{background:#82af8c8c;box-shadow:0 0 5px #82af8c40}.float-badge-label{font-family:var(--font-sans);font-size:.6rem;font-weight:var(--font-semibold);letter-spacing:.03em;color:var(--text-primary)}.hero-float--1{top:-2%;right:-2%}.hero-float--2{bottom:12%;left:-4%}.hero-float--3{top:42%;right:-6%}.scroll-indicator{bottom:var(--sp-2xl);align-items:center;gap:var(--sp-2xs);z-index:var(--z-content);flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(#505a6e47,#0000);width:1px;height:40px;animation:3.5s ease-in-out infinite scrollPulse}.scroll-text{letter-spacing:.38em;text-transform:uppercase;color:var(--text-muted);font-size:.48rem;font-weight:400}@keyframes scrollPulse{0%,to{opacity:.25;transform:scaleY(1)}50%{opacity:.03;transform:scaleY(.3)}}#current-focus{min-height:auto;padding:clamp(2.5rem, 5vw, 4.5rem) var(--sp-2xl);background-color:var(--surf-glass);border-top:1px solid var(--border-subtle);background-image:radial-gradient(55% 38% at 15% 0,#becade47 0%,#0000 65%),radial-gradient(48% 40% at 90%,#aab6c81a 0%,#0000 68%),linear-gradient(#f8fafdeb,#f0f4fa9e);align-items:stretch}#current-focus:before{background:linear-gradient(#f4f6fa80 0%,#0000 100%);height:60px}.focus-inner{max-width:var(--w-wide);width:100%;z-index:var(--z-content);grid-template-columns:380px 1fr;align-items:start;gap:clamp(2rem,5vw,4.5rem);margin:0 auto;display:grid;position:relative}.focus-about{border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow .4s ease-out;background:#ffffff70 linear-gradient(160deg,#ffffff80 0%,#f0f4fa4d 100%);border:1px solid #788ca51a;padding:clamp(1.2rem,2.2vw,1.8rem);position:relative;box-shadow:0 2px 18px #3c4b5f08}.focus-about:hover{border-color:var(--accent-soft);box-shadow:0 4px 24px #0f172a0d}.focus-about-label{font-family:var(--font-body);font-size:var(--fs-label);letter-spacing:.38em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:.7rem;font-weight:400;display:block}.focus-about-name{font-family:var(--font-display);color:var(--text-primary);margin:0 0 .1rem;font-size:1.5rem;font-weight:500;line-height:1.1}.focus-about-role{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 .9rem;font-size:.62rem;font-weight:400}.focus-about-rule{background:linear-gradient(90deg,#3c4b5f38,#0000);width:48px;height:1px;margin-bottom:.9rem}.focus-about-text{font-family:var(--font-display);font-size:clamp(.86rem,1.05vw,.96rem);font-weight:var(--font-regular);color:var(--text-secondary);margin:0;font-style:normal;line-height:1.55}.focus-body{min-width:0}.focus-label{font-size:var(--fs-label);letter-spacing:.38em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:1rem;font-weight:400;display:block}.focus-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.focus-item{border-radius:var(--radius-sm);transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);cursor:default;background:#fff6 linear-gradient(150deg,#ffffff8c 0%,#f5f8fc47 100%);border:1px solid #788ca514;flex-direction:column;gap:.5rem;padding:1rem 1.2rem;display:flex}.focus-item:hover{border-color:var(--accent-soft);background:var(--glass-bg-hover);transform:translateY(-3px);box-shadow:0 6px 22px #0f172a0d}.focus-num{font-family:var(--font-body);letter-spacing:.22em;color:var(--text-muted);opacity:.5;font-size:.48rem;font-weight:400}.focus-item h3{font-family:var(--font-body);font-size:clamp(.82rem,.98vw,.9rem);font-weight:var(--font-medium);color:var(--text-primary);letter-spacing:-.01em;margin:0;line-height:1.4}@media (width<=1099px){.focus-inner{gap:var(--sp-xl);grid-template-columns:1fr}.focus-about{max-width:100%}.focus-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=899px){#current-focus{padding:var(--sp-xl) var(--sp-lg)}.focus-grid{grid-template-columns:1fr 1fr}}@media (width<=549px){.focus-grid{grid-template-columns:1fr}}.section-label{font-family:var(--font-sans);font-size:.72rem;font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--sp-xl);display:block}.section-label-zh{font-family:var(--font-cjk);letter-spacing:.08em;color:var(--text-muted);margin-top:-.8rem;margin-bottom:var(--sp-2xl);font-size:.58rem;font-weight:400;display:block}#selected-work{padding:clamp(2rem, 4vw, 3.5rem) var(--sp-2xl);background-color:var(--surf-glass);background-image:radial-gradient(55% 42% at 50% 15%,#bcc8dc33 0%,#0000 62%),radial-gradient(60% 48% at 88% 72%,#b2bed024 0%,#0000 58%),linear-gradient(#f6f9fcb8,#f0f4fa80);flex-direction:column;gap:clamp(2rem,3.5vw,3rem);min-height:auto;display:flex}#selected-work:before,#selected-work:after{display:none}.work-project{width:100%;position:relative}.work-project-visual{border-radius:var(--radius-md);pointer-events:none;z-index:0;transition:transform .55s var(--ease-out-quint), opacity .55s var(--ease-out-quint);position:absolute;inset:0;overflow:hidden}.work-project-inner:hover~.work-project-visual{opacity:.92;transform:scale(1.015)}.work-project-visual--spire-insight{border:1px solid var(--border-soft);background:radial-gradient(60% 50% at 30% 40%,#2563eb1f 0%,#0000 58%),radial-gradient(40% 38% at 75% 55%,#7c3aed1a 0%,#0000 50%),linear-gradient(155deg,#dbeafe73,#f1f5f92e)}.work-project-visual--ai-run-doctor{border:1px solid var(--border-soft);background:radial-gradient(55% 48% at 65% 38%,#7c3aed1f 0%,#0000 56%),radial-gradient(38% 36% at 35% 58%,#2563eb1a 0%,#0000 48%),linear-gradient(145deg,#ede9fe6b,#f1f5f929)}.work-project-visual--automation-pipeline{border:1px solid var(--border-soft);background:radial-gradient(58% 46% at 45% 42%,#0ea5e91c 0%,#0000 58%),radial-gradient(40% 34% at 60% 60%,#2563eb17 0%,#0000 50%),linear-gradient(165deg,#e0f2fe61,#f1f5f924)}.work-project-preview{opacity:.26;transform-origin:50%;filter:saturate(.9);width:min(44vw,420px);height:auto;transition:opacity .45s ease-out,transform .45s ease-out;position:absolute;top:50%;right:clamp(1rem,8vw,5rem);transform:translateY(-50%)scale(.98)}.work-project-inner:hover~.work-project-visual .work-project-preview{opacity:.34;transform:translateY(-50%)scale(1.02)}.work-project-inner{max-width:var(--w-main);background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:transform .3s var(--ease-reveal), border-color var(--transition-fast), background var(--transition-fast), box-shadow .3s var(--ease-reveal);z-index:var(--z-content);background-image:linear-gradient(155deg,#ffffff8c,#f8fafd59);grid-template-columns:72px 1fr;gap:clamp(1.5rem,3.5vw,3rem);margin:0 auto;padding:clamp(1.6rem,2.8vw,2.4rem) clamp(1.4rem,2.2vw,2.2rem);display:grid;position:relative;box-shadow:0 1px 3px #0f172a05,0 2px 8px #0f172a08}.work-project-inner:hover{border-color:var(--accent-soft);background:var(--surface-card);transform:translateY(-4px);box-shadow:0 4px 16px #0f172a0d,0 8px 32px #0f172a0f}.work-project-num{font-family:var(--font-sans);font-size:.5rem;font-weight:var(--font-semibold);letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary);opacity:.6;padding-top:.35rem}.work-project-content{flex-direction:column;gap:clamp(.9rem,1.5vw,1.3rem);min-width:0;display:flex}.work-project-title{font-family:var(--font-sans);font-size:clamp(1.75rem,3.8vw,3rem);font-weight:var(--font-bold);letter-spacing:-.04em;color:var(--text-primary);margin:0;line-height:1.06}.work-project-subtitle{font-family:var(--font-sans);font-size:clamp(.66rem,.85vw,.78rem);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:.1rem 0 0}.work-project-desc{font-family:var(--font-sans);font-size:clamp(.98rem,1.18vw,1.12rem);font-weight:var(--font-regular);color:var(--text-secondary);max-width:620px;margin:0;font-style:normal;line-height:1.6}.work-project-specs{flex-direction:column;gap:.4rem;margin-top:.1rem;display:flex}.work-project-spec{letter-spacing:.1em;grid-template-columns:68px 1fr;gap:.8rem;font-size:.56rem;line-height:1.5;display:grid}.work-project-spec-label{font-weight:var(--font-semibold);text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.12em}.work-project-spec-value{font-weight:var(--font-medium);color:var(--text-secondary)}.work-status-dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:.35rem;display:inline-block;position:relative;top:-1px}.work-project-detail{grid-template-rows:0fr;transition:grid-template-rows .45s ease-out;display:grid;overflow:hidden}.work-project.is-expanded .work-project-detail{grid-template-rows:1fr}.work-project-detail>*{visibility:hidden;min-height:0;transition:visibility .38s}.work-project.is-expanded .work-project-detail>*{visibility:visible}.work-project-detail-text{font-family:var(--font-sans);font-size:.8rem;font-weight:var(--font-regular);color:var(--text-secondary);margin:0;padding-top:.5rem;line-height:1.6}.work-project-detail-hint{font-size:.48rem;font-weight:var(--font-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);opacity:.8;cursor:pointer;margin-top:.5rem;padding-bottom:.25rem;display:inline-block}@media (width<=1099px){.work-project-inner{grid-template-columns:52px 1fr;gap:clamp(1rem,2.5vw,2rem)}.work-project-spec{grid-template-columns:56px 1fr}}@media (width<=899px){#selected-work{padding:var(--sp-xl) var(--sp-lg);gap:var(--sp-lg)}.work-project-inner{padding:var(--sp-lg);grid-template-columns:1fr;gap:1rem}.work-project-preview{opacity:.18;width:78vw;right:-12vw}.work-project-num{padding-top:0}.work-project-title{font-size:clamp(1.4rem,5.5vw,2rem);font-weight:var(--font-bold)}.work-project-desc{font-size:.88rem}.work-project-spec{grid-template-columns:64px 1fr}}@media (width<=399px){.work-project-title{font-size:1.2rem;font-weight:var(--font-bold)}.work-project-subtitle{letter-spacing:.1em;font-size:.52rem}.work-project-desc{font-size:.8rem}.work-project-spec{grid-template-columns:50px 1fr;font-size:.48rem}}#workflow{min-height:auto;padding:clamp(2rem, 4vw, 3.5rem) var(--sp-2xl);background-color:var(--surf-glass);border-top:1px solid var(--border-subtle);background-image:radial-gradient(50% 40% at 50% 25%,#bcc6d82e 0%,#0000 60%),linear-gradient(#f4f6fab8,#f0f4f97a)}#workflow:before{background:linear-gradient(#ecf0f659 0%,#0000 100%);height:48px}.workflow-inner{max-width:var(--w-wide);width:100%;z-index:var(--z-content);margin:0 auto;position:relative}.workflow-inner .section-label{margin-bottom:clamp(.9rem,1.6vw,1.3rem)}.workflow-layout{grid-template-columns:1fr;gap:clamp(1.2rem,2.5vw,2rem);display:grid}.workflow-illustration{opacity:.78;filter:saturate(.94)drop-shadow(0 14px 28px #0f172a12);justify-self:center;width:100%;max-width:280px;height:auto;margin-top:.4rem}.workflow-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.workflow-card{background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:default;transition:transform .28s var(--ease-reveal), border-color var(--transition-fast), box-shadow .28s var(--ease-reveal);background-image:linear-gradient(155deg,#ffffff8c,#f8fafd52);position:relative;overflow:hidden}.workflow-card:hover{border-color:var(--accent-soft);transform:translateY(-3px);box-shadow:0 4px 18px #0f172a0d,0 8px 28px #0f172a0a}.workflow-card-accent{background:linear-gradient(to right, var(--accent), #2563eb40, transparent);opacity:.55;height:2px;transition:opacity var(--transition-fast);position:absolute;top:0;left:0;right:0}.workflow-card:hover .workflow-card-accent{opacity:1}.workflow-card-inner{flex-direction:column;gap:.35rem;padding:clamp(.75rem,1.1vw,.95rem) clamp(.8rem,1.1vw,1rem);display:flex}.workflow-card-num{font-family:var(--font-sans);font-size:.48rem;font-weight:var(--font-semibold);letter-spacing:.14em;color:var(--accent);opacity:.7}.workflow-card-label{font-family:var(--font-sans);font-size:clamp(.78rem,.95vw,.88rem);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.015em;margin:0;line-height:1.22}.workflow-card-desc{font-family:var(--font-sans);font-size:.68rem;font-weight:var(--font-regular);color:var(--text-tertiary);margin:0;line-height:1.45}.workflow-card-tags{flex-wrap:wrap;gap:.3rem;margin-top:.15rem;display:flex}.workflow-card-tag{font-family:var(--font-sans);font-size:.44rem;font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:#ffffff73;padding:.18rem .5rem}.workflow-card:hover .workflow-card-tag{border-color:var(--accent-soft);color:var(--accent);background:#ffffffb3}@media (width<=1099px){.workflow-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}}@media (width<=899px){#workflow{padding:var(--sp-xl) var(--sp-lg)}.workflow-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.workflow-illustration{opacity:.68;max-width:220px}}@media (width<=549px){.workflow-grid{grid-template-columns:1fr;gap:.5rem}.workflow-card-inner{padding:.75rem .85rem}.workflow-card-label{font-size:.82rem}.workflow-card-desc{font-size:.66rem}}#tech-environment{min-height:auto;padding:clamp(2.5rem, 5vw, 4rem) var(--sp-2xl);background-color:var(--surf-glass-alt);border-top:1px solid var(--border-subtle);background-image:radial-gradient(48% 38% at 65% 30%,#b9c3d433 0%,#0000 60%),radial-gradient(52% 40% at 30% 72%,#afb9ca24 0%,#0000 58%),linear-gradient(#f1f4f9db,#ecf0f68c)}#tech-environment:before{background:linear-gradient(#f0f3f866 0%,#0000 100%);height:56px}.tech-inner{max-width:var(--w-wide);width:100%;z-index:var(--z-content);margin:0 auto;position:relative}.tech-inner .section-label{margin-bottom:clamp(1.2rem,2.2vw,1.6rem)}.tech-grid{grid-template-columns:repeat(3,1fr);gap:clamp(.8rem,1.5vw,1.2rem);display:grid}.tech-panel{border-radius:var(--radius-md);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);cursor:default;background:#ffffff70 linear-gradient(150deg,#ffffff85,#f5f8fc4d);border:1px solid #7d8ea514;padding:clamp(1rem,1.8vw,1.4rem) clamp(1rem,1.6vw,1.3rem)}.tech-panel:hover{border-color:var(--accent-soft);transform:translateY(-3px);box-shadow:0 6px 24px #0f172a0d}.tech-panel-label{font-family:var(--font-body);letter-spacing:.32em;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid #64738c12;margin-bottom:.8rem;padding-bottom:.5rem;font-size:.46rem;font-weight:400;display:block}.tech-list{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tech-item{font-family:var(--font-body);color:var(--text-secondary);border-radius:var(--radius-full);transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:1px solid #7d8ea514;padding:.3rem .65rem;font-size:clamp(.6rem,.72vw,.66rem);font-weight:400;line-height:1.3}.tech-item:hover{border-color:var(--accent-soft);color:var(--text-primary);background:#fff9;transform:translateY(-1px)}@media (width<=899px){#tech-environment{padding:var(--sp-xl) var(--sp-lg)}.tech-grid{grid-template-columns:1fr}}#capabilities{min-height:auto}#capabilities:before{background:linear-gradient(to bottom, var(--surf-mid) 0%, transparent 100%)}.caps-inner{width:100%;max-width:860px;z-index:var(--z-content);margin:0 auto;position:relative}.caps-header{text-align:center;margin-bottom:var(--sp-xl)}.caps-grid{border-top:1px solid var(--border-light);grid-template-columns:1fr 1fr;gap:0;display:grid}.caps-item{align-items:baseline;gap:var(--sp-md);border-bottom:1px solid var(--border-light);transition:padding-left var(--transition-fast);cursor:default;padding:1rem 0;display:flex}.caps-item:nth-child(odd){padding-right:var(--sp-xl)}.caps-item:nth-child(2n){padding-left:var(--sp-xl);border-left:1px solid var(--border-light)}.caps-item:hover{padding-left:calc(var(--sp-md) + .6rem)}.caps-item:nth-child(2n):hover{padding-left:calc(var(--sp-xl) + .6rem)}.caps-num{font-family:var(--font-body);letter-spacing:.3em;color:var(--text-muted);opacity:.5;flex-shrink:0;min-width:1.6rem;font-size:.5rem;font-weight:400}.caps-en{font-family:var(--font-display);color:var(--text-primary);font-size:1.25rem;font-weight:400;line-height:1.4}.caps-zh{font-family:var(--font-cjk);color:var(--text-secondary);margin-top:.15rem;font-size:.78rem;font-weight:400;line-height:1.4}#principles{min-height:auto;padding:clamp(2rem, 4vw, 3.5rem) var(--sp-2xl);background-color:var(--surf-glass);border-top:1px solid var(--border-subtle);background-image:radial-gradient(48% 38% at 32% 48%,#bec8da2e 0%,#0000 58%),radial-gradient(40% 42% at 72% 52%,#b2bed01a 0%,#0000 56%),linear-gradient(#f6f9fcc2,#f2f6fa80)}#principles:before{background:linear-gradient(#f2f5f966 0%,#0000 100%);height:52px}.principles-inner{max-width:var(--w-narrow);width:100%;z-index:var(--z-content);margin:0 auto;position:relative}.principles-inner .section-label{margin-bottom:clamp(.9rem,1.6vw,1.2rem)}.principles-panel{border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff70 linear-gradient(155deg,#ffffff85,#f8fafd52);border:1px solid #7d8ea514;padding:clamp(1rem,1.6vw,1.3rem) clamp(1.2rem,2vw,1.6rem);box-shadow:0 2px 16px #3c4b5f08}.principles-panel:hover{border-color:var(--accent-soft);box-shadow:0 4px 22px #0f172a0d}.principles-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.principles-item{transition:padding-left var(--transition-fast);cursor:default;border-bottom:1px solid #64738c0d;grid-template-columns:2.2rem 1fr;gap:clamp(.7rem,1.2vw,1rem);padding:clamp(.65rem,1vw,.85rem) 0;display:grid}.principles-item:last-child{border-bottom:none;padding-bottom:0}.principles-item:first-child{padding-top:0}.principles-item:hover{padding-left:.3rem}.principles-num{font-family:var(--font-body);letter-spacing:.22em;color:var(--text-muted);opacity:.5;padding-top:.18rem;font-size:.46rem;font-weight:400}.principles-text{font-family:var(--font-display);font-size:clamp(.94rem,1.2vw,1.08rem);font-weight:var(--font-regular);color:var(--text-primary);font-style:normal;line-height:1.42}@media (width<=899px){#principles{padding:var(--sp-xl) var(--sp-lg)}.principles-item{grid-template-columns:1.6rem 1fr}}@media (width<=399px){.principles-text{font-size:.86rem}}#open-work{min-height:auto;padding:clamp(2.5rem, 5vw, 4rem) var(--sp-2xl);background-color:var(--surf-graphite);background-image:radial-gradient(60% 38% at 50% 0,#a0afc814 0%,#0000 60%),radial-gradient(50% 28% at 50% 100%,#00000038 0%,#0000 58%)}#open-work:before{background:linear-gradient(#0000000a 0%,#0000 100%)}.open-inner{text-align:center;width:100%;max-width:620px;z-index:var(--z-content);margin:0 auto;position:relative}.open-label{font-size:var(--fs-label);letter-spacing:.4em;text-transform:uppercase;color:var(--text-inverse-sub);margin-bottom:var(--sp-md);font-weight:400;display:block}.open-heading{font-family:var(--font-display);color:var(--text-inverse);margin-bottom:var(--sp-lg);font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:400;line-height:1.18}.open-desc{font-size:.86rem;font-weight:var(--font-regular);color:var(--text-inverse-sub);max-width:480px;margin:0 auto var(--sp-sm);line-height:1.68}.open-projects{margin-bottom:var(--sp-lg);text-align:left;grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.open-project-card{border-radius:var(--radius-md);transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);cursor:default;background:#ffffff0a;border:1px solid #ffffff0f;padding:.85rem 1rem}.open-project-card:hover{border-color:var(--accent);background:#2563eb1a;transform:translateY(-2px)}.open-project-header{justify-content:space-between;align-items:baseline;gap:.4rem;margin-bottom:.35rem;display:flex}.open-project-title{font-family:var(--font-display);color:var(--text-inverse);font-size:.82rem;font-weight:500;line-height:1.2}.open-project-stack{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--text-inverse-sub);flex-shrink:0;font-size:.42rem;font-weight:400}.open-project-desc{font-size:.64rem;font-weight:var(--font-regular);color:var(--text-inverse-sub);opacity:0;max-height:0;margin:0 0 .4rem;line-height:1.45;transition:max-height .45s ease-out,opacity .45s ease-out,margin .45s ease-out;overflow:hidden}.open-project-desc.visible{opacity:1;max-height:3em;margin-bottom:.4rem}.open-project-tags{flex-wrap:wrap;gap:.3rem;display:flex}.open-project-tag{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--text-inverse-sub);border-radius:var(--radius-full);transition:border-color var(--transition-fast), color var(--transition-fast);border:1px solid #ffffff12;padding:.18rem .5rem;font-size:.42rem;font-weight:400}.open-project-card:hover .open-project-tag{border-color:var(--accent-soft);color:var(--text-inverse)}.open-desc-secondary{font-size:.82rem;font-weight:var(--font-regular);color:var(--text-inverse-sub);max-width:460px;margin:0 auto var(--sp-xl);line-height:1.65}.open-cta{font-family:var(--font-body);letter-spacing:.26em;text-transform:uppercase;color:var(--text-inverse);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #ffffff24;padding:.6rem 1.6rem;font-size:.6rem;font-weight:400;text-decoration:none;display:inline-block}.open-cta:hover{border-color:var(--accent);background:#2563eb26;transform:translateY(-1px);box-shadow:0 0 20px #2563eb1a}.open-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;display:flex}.open-copy{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--text-inverse-sub);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:1px solid #0000;padding:.35rem 0;font-size:.54rem;font-weight:400;display:inline-block}.open-copy:hover{color:var(--text-inverse);border-bottom-color:#ffffff2e}.open-copy.copied{color:var(--accent-soft);border-bottom-color:#2563eb40}@media (width<=899px){#open-work{padding:var(--sp-xl) var(--sp-lg)}.open-heading{font-size:clamp(1.3rem,5vw,1.8rem)}.open-projects{grid-template-columns:1fr}}@media (width<=399px){.open-desc{font-size:.78rem}.open-desc-secondary{font-size:.74rem}}#contact{min-height:auto;padding:clamp(3rem, 6vw, 5rem) var(--sp-2xl) clamp(2rem, 4vw, 3rem);background-color:var(--surf-glass);border-top:1px solid var(--border-subtle);background-image:radial-gradient(58% 42% at 50% 22%,#c0cadc3d 0%,#0000 60%),radial-gradient(62% 38% at 50% 88%,#e4ded438 0%,#0000 58%),radial-gradient(45% 40% at 25% 55%,#b6c0d21f 0%,#0000 55%),linear-gradient(#f6f9fccc,#f2f5fa85)}#contact:before{background:linear-gradient(#e8eaf04d 0%,#0000 100%);height:64px}.contact-inner{max-width:var(--w-narrow);width:100%;z-index:var(--z-content);flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative}.contact-panel{background:var(--surface-elevated);border:1px solid var(--border-soft);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-soft);transition:border-color var(--transition-fast), box-shadow .4s ease-out;background-image:linear-gradient(160deg,#ffffff8c,#f8fafd59);margin-bottom:clamp(1.5rem,2.5vw,2rem);padding:clamp(1.5rem,2.5vw,2rem) clamp(1.4rem,2.2vw,2rem)}.contact-panel:hover{box-shadow:var(--shadow-card);border-color:#2563eb38}.contact-label{font-family:var(--font-sans);font-size:.72rem;font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:clamp(.8rem,1.5vw,1.2rem);display:block}.contact-heading{font-family:var(--font-sans);font-size:clamp(1.5rem,3.2vw,2.4rem);font-weight:var(--font-heavy);letter-spacing:-.045em;color:var(--text-primary);margin:0 0 clamp(1.2rem,2vw,1.6rem);font-style:normal;line-height:1.15}.contact-opps{flex-wrap:wrap;gap:.5rem;margin-bottom:clamp(1.2rem,2vw,1.6rem);display:flex}.contact-opp{font-family:var(--font-sans);font-size:clamp(.54rem,.72vw,.62rem);font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-full);background:var(--surface-card);transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);cursor:default;padding:.4rem .85rem;display:inline-block}.contact-opp:hover{background:var(--accent-soft);color:var(--text-primary);border-color:#2563eb38;transform:translateY(-1px)}.contact-rule{background:linear-gradient(90deg,#3c4b5f33,#3c4b5f05);width:100%;max-width:180px;height:1px;margin-bottom:clamp(1.2rem,2vw,1.6rem)}.contact-closing{margin-bottom:clamp(1.4rem,2.2vw,1.8rem)}.contact-closing-primary{font-family:var(--font-sans);font-size:clamp(.88rem,1.1vw,1rem);font-weight:var(--font-regular);color:var(--text-secondary);margin:0 0 .5rem;font-style:normal;line-height:1.58}.contact-closing-secondary{font-family:var(--font-body);font-size:.84rem;font-weight:var(--font-regular);color:var(--text-secondary);margin:0;line-height:1.58}.contact-links{flex-wrap:wrap;align-items:center;gap:clamp(.9rem,1.8vw,1.3rem);display:flex}.contact-link{font-family:var(--font-sans);font-size:.6rem;font-weight:var(--font-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);transition:color var(--transition-fast), border-color var(--transition-fast), letter-spacing .4s ease-out, transform var(--transition-fast);border-bottom:1px solid #0000;padding-bottom:3px;text-decoration:none}.contact-link:hover{color:var(--accent-hover);border-bottom-color:var(--accent);letter-spacing:.16em;transform:translateY(-1px)}.contact-link-sep{background:#3c4b5f29;flex-shrink:0;width:1px;height:9px;display:inline-block}.contact-back-top{cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;display:flex}.contact-back-top:hover{color:var(--accent);transform:translateY(-2px)}.contact-back-arrow{font-size:.9rem;line-height:1;font-weight:var(--font-medium)}.contact-back-label{font-family:var(--font-sans);font-size:.46rem;font-weight:var(--font-bold);letter-spacing:.12em;text-transform:uppercase}@media (width<=899px){#contact{padding:var(--sp-xl) var(--sp-lg)}.contact-heading{font-size:clamp(1.2rem,5vw,1.6rem)}.contact-opps{gap:.4rem}.contact-opp{padding:.3rem .65rem;font-size:.5rem}}@media (width<=399px){.contact-heading{font-size:1.1rem}.contact-opp{padding:.25rem .55rem;font-size:.44rem}.contact-closing-primary{font-size:.82rem}.contact-closing-secondary{font-size:.76rem}}#project-journey{min-height:auto;padding:clamp(2.5rem, 5vw, 4rem) var(--sp-2xl);background-color:var(--surf-glass-alt);border-top:1px solid var(--border-subtle);background-image:radial-gradient(48% 40% at 70% 18%,#bcc6d83d 0%,#0000 62%),radial-gradient(52% 42% at 28% 76%,#b2bccc29 0%,#0000 58%),linear-gradient(#f3f6fae6,#ecf0f699)}#project-journey:before{background:linear-gradient(#f4f6fa8c 0%,#0000 100%);height:64px}.journey-inner{max-width:var(--w-text);width:100%;z-index:var(--z-content);margin:0 auto;position:relative}.journey-header{margin-bottom:clamp(.9rem,1.8vw,1.3rem)}.journey-subtitle{font-family:var(--font-body);letter-spacing:.3em;text-transform:uppercase;color:var(--text-tertiary);margin:.25rem 0 0;font-size:.6rem;font-weight:400}.journey-overview{max-width:580px;margin-bottom:clamp(1.4rem,2.2vw,1.8rem)}.journey-overview-text{font-family:var(--font-display);font-size:clamp(.9rem,1.1vw,1rem);font-weight:var(--font-regular);color:var(--text-secondary);margin:0;font-style:normal;line-height:1.52}.journey-timeline{margin-bottom:clamp(1.5rem,2.5vw,2rem);padding-left:2.4rem;position:relative}.journey-timeline:before{content:"";background:linear-gradient(to bottom, var(--glass-border-hover) 0%, #505f731a 50%, #505f730a 100%);width:1px;position:absolute;top:0;bottom:0;left:7px}.journey-step{grid-template-columns:1.1rem 1fr;gap:clamp(.8rem,1.4vw,1.1rem);padding-bottom:clamp(.8rem,1.4vw,1.1rem);display:grid;position:relative}.journey-step:last-child{padding-bottom:0}.journey-step-node{transform-origin:top;justify-content:center;padding-top:.35rem;display:flex;position:relative}.journey-step-dot{background:var(--text-tertiary);border:2px solid var(--surf-glass-alt);z-index:1;width:7px;height:7px;transition:opacity .42s var(--ease-reveal-snappy), transform .42s var(--ease-reveal-snappy), box-shadow var(--transition-fast), background var(--transition-fast);border-radius:50%;flex-shrink:0;position:relative;box-shadow:0 0 0 1px #505f731a}.journey-step-node.reveal--visible .journey-step-dot{background:var(--accent);transform:scale(1.06);box-shadow:0 0 0 3px #2563eb1f}.journey-step-card{border-radius:var(--radius-sm);transition:opacity var(--transition-journey-reveal), transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);cursor:default;background:#ffffff6b linear-gradient(140deg,#ffffff80,#f5f8fc47);border:1px solid #7d8ea514;padding:clamp(.8rem,1.2vw,1rem) clamp(.9rem,1.3vw,1.1rem)}.journey-step-card:hover{border-color:var(--accent-soft);background:#fff9;transform:translate(4px);box-shadow:0 4px 16px #0f172a0a}.journey-step-num{font-family:var(--font-body);letter-spacing:.26em;color:var(--text-muted);opacity:.55;margin-bottom:.25rem;font-size:.44rem;font-weight:400;display:inline-block}.journey-step-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 .2rem;font-size:clamp(.94rem,1.1vw,1.04rem);font-weight:500;line-height:1.18}.journey-step-desc{font-size:.8rem;font-weight:var(--font-regular);color:var(--text-secondary);max-width:500px;margin:0;line-height:1.55}.journey-outcomes{border-radius:var(--radius-md);transition:border-color var(--transition-fast), background var(--transition-fast);background:#ffffff7a linear-gradient(155deg,#ffffff85,#f8fafd4d);border:1px solid #7d8ea514;padding:clamp(.9rem,1.5vw,1.2rem) clamp(1rem,1.6vw,1.5rem)}.journey-outcomes:hover{border-color:var(--accent-soft);background:#ffffff9e}.journey-outcomes-label{font-family:var(--font-body);font-size:var(--fs-label);letter-spacing:.34em;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid #64738c12;margin:0 0 .7rem;padding-bottom:.55rem;font-weight:400}.journey-outcomes-list{gap:.4rem var(--sp-xl);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.journey-outcomes-list li{color:var(--text-secondary);padding-left:.9rem;font-size:.82rem;font-weight:400;line-height:1.55;position:relative}.journey-outcomes-list li:before{content:"";background:var(--text-muted);opacity:.4;border-radius:50%;width:4px;height:4px;position:absolute;top:.55rem;left:0}@media (width<=899px){#project-journey{padding:var(--sp-xl) var(--sp-lg)}.journey-timeline{padding-left:1.8rem}.journey-outcomes-list{grid-template-columns:1fr}}@media (width<=399px){.journey-step-desc{font-size:.76rem}.journey-outcomes-list li{font-size:.74rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@media (width<=1199px){:root{--fs-hero:clamp(3.8rem, 11vw, 8rem);--sp-2xl:3rem;--sp-3xl:3.5rem;--sp-4xl:5rem}.section{padding:var(--sp-xl) var(--sp-xl)}.site-nav{padding:var(--sp-md) var(--sp-xl)}.caps-grid{grid-template-columns:1fr 1fr}}@media (width<=899px){:root{--fs-hero:clamp(2.6rem, 13vw, 4.5rem);--sp-xl:2rem;--sp-2xl:2rem;--sp-3xl:2.5rem;--sp-4xl:3.5rem}.section{padding:var(--sp-xl) var(--sp-lg);min-height:auto}.site-nav{padding:var(--sp-md) var(--sp-lg)}.nav-sections{display:none}.hero-inner{grid-template-columns:1fr;gap:1.5rem;padding-left:5vw;padding-right:5vw}.hero-visual{min-height:240px;margin-top:.5rem}.hero-browser{max-width:100%}.hero-float--1{top:-2%;right:2%}.hero-float--2{bottom:22%;left:0%}.hero-float--3{top:40%;right:-2%}.float-badge{gap:5px;padding:6px 10px}.float-badge-label{font-size:.54rem}.hero-ambient{opacity:.3}.hero-name-line--indent{margin-left:clamp(.5rem,5vw,2.5rem)}.hero-title{letter-spacing:.08em;font-size:.74rem;font-weight:var(--font-semibold);margin-bottom:.8rem}.hero-headline{max-width:100%;font-size:clamp(1rem,3.5vw,1.18rem)}.hero-roles{gap:.4rem}.hero-role-badge{letter-spacing:.04em;padding:.32rem .65rem;font-size:.62rem}.caps-grid{grid-template-columns:1fr}.caps-item:nth-child(2n){border-left:none;padding-left:0}.caps-item:nth-child(odd){padding-right:0}.caps-en{font-size:1.1rem}.caps-zh{font-size:.72rem}.contact-links{gap:var(--sp-lg)}.open-heading{font-size:clamp(1.4rem,6vw,2.2rem)}}@media (width<=399px){:root{--fs-hero:2.1rem;--sp-md:.75rem;--sp-lg:1rem;--sp-xl:1.25rem;--sp-2xl:1.5rem;--sp-3xl:2rem}.hero-name{font-size:clamp(2.8rem,15vw,3.8rem);font-weight:var(--font-bold)}.hero-title{letter-spacing:.08em;font-size:.66rem;font-weight:var(--font-semibold);margin-bottom:.7rem}.hero-headline{font-size:1.05rem}.hero-role-badge{letter-spacing:.04em;padding:.28rem .52rem;font-size:.56rem}.hero-meta{gap:var(--sp-sm);letter-spacing:.08em;font-size:.5rem;font-weight:var(--font-semibold)}.hero-visual{min-height:200px}.hero-browser{border-radius:10px;max-width:100%}.browser-content{min-height:150px;padding:16px 12px}.browser-visual{height:120px}.hero-float--1{top:-6%;right:0%}.hero-float--2{bottom:20%;left:-2%}.hero-float--3{top:38%;right:-4%}.float-badge{border-radius:7px;gap:4px;padding:5px 8px}.float-badge-label{font-size:.46rem}.float-badge-dot{width:5px;height:5px}.caps-en{font-size:1rem}.caps-zh{font-size:.66rem}.caps-item{flex-direction:column;gap:.15rem}}