:root{--font-sans:"SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;--font-serif:"Songti SC", "STSong", "Noto Serif CJK SC", "Noto Serif SC", "Source Han Serif SC", "SimSun", Georgia, serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--section-space:clamp(88px, 11vw, 152px);--content-width:1240px;--reading-width:66ch;--radius-control:999px;--radius-card:30px;--radius-dialog:30px;--radius-round:50%;--color-bg:#111022;--color-bg-deep:#0b0a1b;--color-text:#fbf8ff;--color-muted:#c3bdd3;--color-primary:#ffa181;--color-secondary:#cbbcff;--color-default:#c3bdd3;--color-success:#82c9a4;--color-warning:#e4c982;--color-error:#e99a92;--color-border:#34304b;--color-border-strong:#5b5277;--color-surface:#1d1a34;--color-surface-end:#27223e;--color-tint:#292441;--color-tag-bg:#302947;--color-tag-text:#ddd3ff;--color-button:#ffa181;--color-button-hover:#ffba9f;--color-on-button:#241426;--color-selected-bg:#45355c;--color-selected-text:#eee5ff;--color-hover-bg:#332b4b;--color-page-glow:#936bf229;--color-contact-glow:#ff7c6f2e;--color-selection:#5366d8;--color-on-selection:#fff;--shadow-color:#00000057;--color-avatar-ring:#20232c;--color-backdrop:#000000c2;--color-art-bg:#0f1012;--color-art-glow:#7585eb24;--color-art-grid:#91a0ff12;--color-art-text:#aeb5c7;--color-art-strong:#f4f5f7;--color-art-accent:#91a0ff;--color-art-core:#202432;--color-art-core-end:#111217;--color-art-label:#16181c;--color-art-orbit:#91a0ff4d;--color-art-orbit-soft:#91a0ff24;--color-code-bg:#090a0c;--color-code-text:#c7d0ff;--color-code-muted:#9da3ae;--color-code-border:#323644;--color-cover-bg:#f8caa9;--color-cover-text:#271738;--color-cover-shape:#b79cf1;--color-cover-frame:#fffaf4;--color-case-ai:#493275;--color-case-system:#71374f;--color-case-realtime:#205f65;--color-case-experience:#2d4c82;--color-pop-violet:#a98bff;--color-pop-coral:#ff765e;--color-pop-mint:#6de5d3;--color-contact-text:#fffaf4;--shadow-normal:0 18px 50px var(--shadow-color);--shadow-hover:0 28px 70px #0000006b;--shadow-dialog:0 32px 100px #00000094;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.75}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fbf8ff;--color-bg-deep:#f1eafc;--color-text:#241a36;--color-muted:#62566f;--color-primary:#a23b29;--color-secondary:#60419f;--color-default:#62566f;--color-success:#246b4a;--color-warning:#805e16;--color-error:#a7423a;--color-border:#ded4ef;--color-border-strong:#a894c9;--color-surface:#fff;--color-surface-end:#f7f1ff;--color-tint:#f1e7ff;--color-tag-bg:#f0e8fc;--color-tag-text:#56399a;--color-button:#a23b29;--color-button-hover:#b24632;--color-on-button:#fff;--color-selected-bg:#e7d9fa;--color-selected-text:#523482;--color-hover-bg:#f0e9fb;--color-page-glow:#936bf229;--color-contact-glow:#ff7c6f2e;--shadow-color:#1d23341f;--color-avatar-ring:#dde1e8}:root[data-theme=light] .accent{background-image:linear-gradient(110deg,#9b3d72,#a23b29 72%)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:radial-gradient(circle at 72% 8%, var(--color-page-glow), transparent 30%), linear-gradient(180deg, var(--color-bg-deep) 0, var(--color-bg) 22%, var(--color-bg) 100%);min-width:320px;margin:0}body:before{content:"";z-index:-1;pointer-events:none;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");position:fixed;inset:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}h1,h2,h3,p{overflow-wrap:anywhere;margin:0}button,a,dd{overflow-wrap:anywhere}img{object-fit:cover;max-width:100%;height:auto;display:block}svg{flex-shrink:0;max-width:100%}::selection{background:var(--color-selection);color:var(--color-on-selection)}.wrap{width:min(var(--content-width), calc(100% - 64px));margin-inline:auto}.muted{color:var(--color-muted)}.accent{color:var(--color-primary);background:linear-gradient(110deg, var(--color-pop-violet), var(--color-primary) 72%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.eyebrow{color:var(--color-secondary);font:600 11px/1.8 var(--font-mono);letter-spacing:.22em;text-transform:uppercase}.section{padding:var(--section-space) 0;border-top:1px solid var(--color-border);scroll-margin-top:80px;position:relative}h2{max-width:780px;font-family:var(--font-serif);letter-spacing:-.035em;font-size:clamp(34px,4.2vw,58px);font-weight:500;line-height:1.18}h3{letter-spacing:-.02em;font-size:20px;font-weight:560;line-height:1.5}.tags span{max-width:100%;font:500 11px/1.4 var(--font-mono);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-tag-text);background:var(--color-tag-bg);overflow-wrap:anywhere;padding:8px 12px}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}@media (width<=700px){:root{--section-space:80px}.wrap{width:calc(100% - 32px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.button{border:1px solid var(--color-button);max-width:100%;color:var(--color-on-button);background:var(--color-button);justify-content:center;align-items:center;gap:28px;padding:11px 22px;font-size:13px;font-weight:650;display:inline-flex}.button:hover{background:var(--color-button-hover)}.text-link{border:0;border-bottom:1px solid var(--color-border-strong);color:var(--color-text);cursor:pointer;background:0 0;gap:12px;padding:12px 0;font-size:13px;transition:color .2s;display:inline-flex}.text-link:hover{color:var(--color-primary)}.section{border-top:0;padding:clamp(94px,11vw,150px) 0}.section .eyebrow{margin-bottom:24px}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px;display:flex}.section-heading h2{max-width:840px}.section-heading h2 em{color:var(--color-primary);font-family:var(--font-serif);letter-spacing:-.06em;font-style:normal;font-weight:400}.section-heading>.muted{max-width:285px;padding-bottom:7px;font-size:13px;line-height:1.8}.card-number{color:var(--color-secondary);font:11px var(--font-mono);letter-spacing:.08em}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span{border:1px solid var(--color-border);color:var(--color-tag-text);background:var(--color-tag-bg);font:11px/1.4 var(--font-mono);padding:6px 10px}.footer{min-height:100px;color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}@media (width<=760px){.section-heading{margin-bottom:35px;display:block}.section-heading>.muted{margin-top:18px}}@media (width<=480px){.footer{text-align:center;justify-content:center}}.section{padding-top:clamp(100px,10vw,145px)}.section-heading h2 em{color:var(--color-primary)}.button{min-height:54px;box-shadow:0 12px 26px color-mix(in srgb, var(--color-pop-coral) 23%, transparent);border-radius:999px;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{box-shadow:0 18px 32px color-mix(in srgb, var(--color-pop-coral) 32%, transparent);transform:translateY(-4px)scale(1.03)}.button span,.text-link span{transition:transform .25s;display:inline-block}.button:hover span,.text-link:hover span{transform:translate(3px,-3px)}.text-link{border-color:var(--color-primary)}.tags span{border-radius:999px}@media (width<=760px){.section{padding-block:72px}.section-heading{margin-bottom:28px}}@media (prefers-reduced-motion:no-preference){.reveal-ready{opacity:0;transition:opacity .65s var(--reveal-delay,0s), translate .65s var(--reveal-delay,0s);translate:0 24px}.reveal-ready.is-visible{opacity:1;translate:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.header{z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;display:grid;position:sticky}.brand{align-items:center;gap:12px;width:max-content;font-size:15px;font-weight:650;line-height:1.2;display:inline-flex}.brand>span:first-child{width:38px;height:38px;font:750 16px var(--font-sans);letter-spacing:-.09em;place-items:center;display:grid}.brand-name{gap:4px;display:grid}.brand-name small{color:var(--color-muted);font:500 10px var(--font-mono);letter-spacing:.1em}.header nav{color:var(--color-muted);align-items:center;gap:clamp(18px,2.6vw,38px);font-size:12px;display:flex}.header nav a{padding:12px 0}.header-actions{justify-self:end;align-items:center;gap:12px;display:flex}.nav-contact{cursor:pointer;min-height:42px;padding:8px 18px;font-size:12px}.nav-contact:hover{color:var(--color-on-button);background:var(--color-button)}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface);gap:2px;padding:3px;display:inline-flex}.theme-toggle button{width:32px;height:32px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.theme-toggle button[aria-pressed=true]{color:var(--color-selected-text);background:var(--color-selected-bg)}@media (width<=1020px){.header{grid-template-columns:1fr auto}.header nav{display:none}}@media (width<=760px){.header{min-height:72px}.brand-name small{display:none}.nav-contact{min-height:36px;padding-inline:10px}.theme-toggle button{width:28px;height:28px}}@media (width<=480px){.brand{font-size:13px}.brand>span:first-child{width:32px;height:32px}.header-actions{gap:5px}.nav-contact{font-size:10px}}.header{width:min(calc(var(--content-width) + 32px), calc(100% - 32px));border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 91%, transparent);min-height:74px;box-shadow:0 18px 50px color-mix(in srgb, var(--shadow-color) 42%, transparent);border-radius:22px;padding-inline:20px;top:14px}.brand>span:first-child{background:linear-gradient(135deg, var(--color-pop-coral), var(--color-pop-violet));color:var(--color-contact-text);border-radius:14px;transition:transform .35s;transform:rotate(-8deg)}.brand:hover>span:first-child{transform:rotate(8deg)scale(1.08)}.header nav a{border-radius:999px;transition:color .25s,transform .25s}.header nav a:hover{color:var(--color-primary);transform:translateY(-2px)}.nav-contact{color:var(--color-on-button);background:var(--color-button);border:0;border-radius:999px;font-weight:650;transition:transform .25s,box-shadow .25s,background .25s}.nav-contact:hover{box-shadow:0 12px 25px color-mix(in srgb, var(--color-pop-coral) 27%, transparent);transform:translateY(-3px)}.theme-toggle{border-radius:999px}.theme-toggle button{border-radius:50%;transition:transform .25s,background .25s}.theme-toggle button:hover{transform:rotate(25deg)}.nav-menu{border:1px solid var(--color-border);width:42px;height:42px;color:var(--color-muted);background:var(--color-surface);cursor:pointer;border-radius:12px;place-items:center;padding:0;transition:color .2s,border-color .2s;display:none}.nav-menu:hover{color:var(--color-text);border-color:var(--color-border-strong)}.header-menu{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-normal);border-radius:18px;padding:10px;position:absolute;top:calc(100% + 10px);left:0;right:0}.header-menu[hidden]{display:none}.header-menu nav{display:grid}.header-menu nav a{color:var(--color-muted);border-radius:12px;padding:13px 16px;font-size:14px;transition:color .2s,background .2s}.header-menu nav a:hover{color:var(--color-text);background:var(--color-hover-bg)}@media (width<=1020px){.nav-menu{display:grid}}@media (width<=760px){.header{border-radius:18px;width:calc(100% - 16px);min-height:64px;padding-inline:12px;top:8px}}.hero-main{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);align-items:stretch;gap:clamp(32px,5vw,78px);display:grid}.hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.hero .eyebrow{align-items:center;gap:13px;display:flex}.status-dot{background:var(--color-primary);width:7px;height:7px;box-shadow:0 0 0 5px color-mix(in srgb, var(--color-primary) 14%, transparent);border-radius:50%}.hero h1{max-width:800px;font:550 clamp(58px, 6.4vw, 95px)/1.13 var(--font-sans);letter-spacing:-.08em}.hero h1 em{color:var(--color-primary);font-family:var(--font-serif);letter-spacing:-.06em;font-style:normal;font-weight:400}.hero-period{color:var(--color-primary)}.hero-description{color:var(--color-muted);font-size:16px;line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:32px;display:flex}.hero-visual{color:var(--color-cover-text);isolation:isolate;flex-direction:column;justify-content:space-between;padding:27px;display:flex;position:relative;overflow:hidden}.hero-visual:before{content:"";z-index:-1;border-radius:50%;position:absolute;transform:rotate(-17deg)}.hero-visual:after{content:"";aspect-ratio:1;z-index:-1;border-radius:50%;width:70%;position:absolute;top:25%;right:-12%}.hero-visual-top,.hero-visual-bottom{font:600 11px/1.5 var(--font-mono);letter-spacing:.1em;justify-content:space-between;align-items:flex-start;display:flex}.hero-portrait{aspect-ratio:1;background:var(--color-cover-frame);position:absolute;box-shadow:22px 28px 55px #1727272e}.hero-portrait img{object-fit:cover;width:100%;height:100%}.hero-visual-bottom{align-items:end;margin-top:auto}.hero-monogram{font:400 clamp(88px, 11vw, 155px)/.8 var(--font-serif);letter-spacing:-.16em}.hero-proof{grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:22px;display:grid}.hero-proof>div{gap:6px;display:grid}.hero-proof span{color:var(--color-secondary);font:11px var(--font-mono);letter-spacing:.1em}.hero-proof strong{font-size:14px;font-weight:550}.hero-proof a{color:var(--color-muted);font:11px var(--font-mono);letter-spacing:.12em;align-items:center;gap:25px;display:flex}.hero-proof a span{color:var(--color-primary);font-size:22px}@media (width<=1020px){.hero-main{grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:28px}.hero h1{font-size:clamp(54px,6.5vw,72px)}.hero-visual{min-height:530px}}@media (width<=760px){.hero{padding-top:48px}.hero-main{grid-template-columns:1fr}.hero-copy{padding:0 0 20px}.hero h1{font-size:clamp(48px,11vw,72px)}.hero-description{font-size:14px}.hero-visual{min-height:510px}.hero-proof{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.hero-proof a{grid-column:1/-1;padding-top:10px}}@media (width<=480px){.hero h1{font-size:clamp(44px,11vw,54px)}.hero-visual{min-height:425px}.hero-portrait{width:68%;top:20%;left:15%}.hero-monogram{font-size:95px}.hero-proof{grid-template-columns:1fr 1fr}.hero-proof>div:nth-child(3){grid-column:1/-1}.hero-proof strong{font-size:12px}}.hero{padding-top:clamp(38px,5vw,70px)}.hero-main{border:1px solid var(--color-border);background:radial-gradient(circle at 8% 17%, color-mix(in srgb, var(--color-pop-violet) 23%, transparent), transparent 37%), radial-gradient(circle at 58% 95%, color-mix(in srgb, var(--color-pop-coral) 17%, transparent), transparent 37%), var(--color-surface);min-height:650px;box-shadow:0 30px 90px color-mix(in srgb, var(--shadow-color) 48%, transparent);border-radius:40px;padding:clamp(25px,4vw,54px);position:relative;overflow:hidden}.hero-main:before{content:"";border:1px solid color-mix(in srgb, var(--color-pop-violet) 45%, transparent);pointer-events:none;border-radius:50%;width:380px;height:380px;position:absolute;bottom:-220px;left:-180px}.hero-copy{z-index:2;padding-bottom:10px;position:relative}.hero .eyebrow{border:1px solid color-mix(in srgb, var(--color-primary) 40%, transparent);background:color-mix(in srgb, var(--color-primary) 9%, transparent);letter-spacing:.08em;border-radius:999px;width:fit-content;margin-bottom:28px;padding:8px 15px}.status-dot{animation:2.4s ease-in-out infinite status-pulse}.hero h1{font-size:clamp(57px,6.1vw,90px);line-height:1.1}.hero h1 em{background:linear-gradient(95deg, var(--color-pop-violet), var(--color-primary) 65%, var(--color-pop-coral));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .hero h1 em{background-image:linear-gradient(95deg, var(--color-secondary), var(--color-primary))}.hero-description{max-width:450px;margin-top:30px}.hero-visual{background:radial-gradient(circle at 74% 29%, var(--color-pop-violet), transparent 43%), linear-gradient(145deg, var(--color-cover-bg), var(--color-pop-coral));min-height:550px;box-shadow:0 25px 55px color-mix(in srgb, var(--shadow-color) 38%, transparent);border-radius:34px;align-self:center}.hero-visual:before{border:2px solid color-mix(in srgb, var(--color-cover-text) 27%, transparent);inset:12% -27% 10% 15%}.hero-visual:after{background:color-mix(in srgb, var(--color-pop-mint) 58%, transparent);filter:blur(4px)}.hero-orbit{border:1px solid color-mix(in srgb, var(--color-cover-text) 30%, transparent);pointer-events:none;border-radius:50%;position:absolute}.hero-orbit-one{width:270px;height:270px;top:30%;left:-92px}.hero-orbit-two{width:140px;height:140px;bottom:11%;right:-50px}.hero-portrait{border-radius:26px;width:min(69%,335px);padding:10px;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s;top:18%;left:16%;transform:rotate(-7deg)}.hero-portrait img{filter:grayscale(.25)contrast(1.05);border-radius:18px}.hero-visual:hover .hero-portrait{transform:rotate(-2deg)translateY(-9px);box-shadow:22px 35px 60px #1727273d}.hero-float{z-index:3;border:1px solid color-mix(in srgb, var(--color-cover-frame) 75%, transparent);background:color-mix(in srgb, var(--color-cover-frame) 93%, transparent);color:var(--color-cover-text);border-radius:18px;align-items:center;gap:10px;padding:11px 14px;font-size:11px;line-height:1.45;display:flex;position:absolute;box-shadow:0 14px 32px #24143429}.hero-float strong{font-size:12px}.hero-float-icon{background:var(--color-pop-violet);width:33px;height:33px;color:var(--color-contact-text);border-radius:11px;place-items:center;font-size:19px;display:grid}.hero-float-top{top:18%;right:5%;transform:rotate(7deg)}.hero-float-bottom{bottom:24%;left:4%;transform:rotate(-6deg)}.hero-visual-caption{display:none}.hero-monogram{color:var(--color-cover-frame);text-shadow:0 7px 20px #24143438}.hero-proof{border:1px solid var(--color-border);background:var(--color-surface);border-radius:22px;margin-top:25px;padding:22px 26px}.hero-proof>div+div{border-left:1px solid var(--color-border);padding-left:24px}.hero-proof strong{color:var(--color-text)}.hero-proof a span{animation:1.8s ease-in-out infinite arrow-bob}.hero-marquee{background:linear-gradient(100deg, color-mix(in srgb, var(--color-pop-violet) 62%, var(--color-cover-bg)), color-mix(in srgb, var(--color-pop-coral) 52%, var(--color-cover-bg)), color-mix(in srgb, var(--color-pop-mint) 42%, var(--color-cover-bg)));color:var(--color-cover-text);border-radius:999px;margin-top:24px;padding:13px 0;overflow:hidden}.hero-marquee-track{align-items:center;gap:36px;width:max-content;animation:25s linear infinite marquee;display:flex}.hero-marquee span{font:750 11px/1.3 var(--font-mono);letter-spacing:.16em;white-space:nowrap}.hero-marquee i{font-size:18px;font-style:normal}@media (width<=1020px){.hero-main{min-height:560px}.hero-visual{min-height:485px}.hero-float{padding:8px 10px;font-size:10px}.hero-float strong{font-size:11px}}@media (width<=760px){.hero-main{border-radius:28px;padding:26px}.hero-visual{min-height:500px}.hero-proof{grid-template-columns:repeat(2,1fr);padding:18px}.hero-proof>div:nth-child(3){border-left:0;grid-column:1/-1;padding-left:0}.hero-proof a{grid-column:1/-1}}@media (width<=480px){.hero-main{padding:20px}.hero h1{font-size:clamp(42px,10.5vw,53px)}.hero-visual{min-height:395px;padding:18px}.hero-portrait{width:66%;top:18%}.hero-float-top{top:18%;right:3%}.hero-float-bottom{bottom:24%;left:3%}.hero-float-icon{width:27px;height:27px}.hero-proof>div+div{border-left:0;padding-left:0}.hero-proof>div:nth-child(2){border-left:1px solid var(--color-border);padding-left:12px}.hero-marquee-track{gap:24px}}@media (width<=760px){.hero-main{min-height:0}.hero-visual{min-height:370px}.hero-proof{margin-top:18px;padding:16px}.hero-marquee{margin-top:16px;padding-block:9px}.hero-marquee-track{animation:none}}@media (width<=480px){.hero-visual{min-height:330px}}@media (prefers-reduced-motion:no-preference){.hero-copy{animation:.7s both rise-in}.hero-visual{animation:.8s .1s both rise-in}.hero-float-top{animation:5s ease-in-out infinite float-top}.hero-float-bottom{animation:5.6s ease-in-out infinite float-bottom}}@media (width<=760px){.hero-float-top,.hero-float-bottom,.status-dot,.hero-proof a span{animation:none}}@media (prefers-reduced-motion:reduce){.hero-marquee-track,.status-dot,.hero-proof a span{animation:none}}@keyframes float-top{0%,to{transform:translateY(0)rotate(7deg)}50%{transform:translateY(-12px)rotate(9deg)}}@keyframes float-bottom{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(11px)rotate(-9deg)}}@keyframes status-pulse{0%,to{box-shadow:0 0 0 5px color-mix(in srgb, var(--color-primary) 14%, transparent)}50%{box-shadow:0 0 0 9px color-mix(in srgb, var(--color-primary) 5%, transparent)}}@keyframes arrow-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes marquee{to{transform:translate(-50%)}}.cases-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.case-card{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;overflow:hidden}.case-visual{height:clamp(245px,26vw,355px);color:var(--color-cover-frame);isolation:isolate;flex-direction:column;justify-content:space-between;padding:23px;display:flex;position:relative;overflow:hidden}.case-visual:before{content:"";aspect-ratio:1;z-index:-1;opacity:.35;border:1px solid;border-radius:50%;width:67%;position:absolute;top:15%;left:32%}.case-visual:after{content:"";aspect-ratio:1;z-index:-1;opacity:.25;border:1px solid;border-radius:50%;width:45%;position:absolute;top:28%;left:44%}.case-visual-1{background:var(--color-case-ai)}.case-visual-2{background:var(--color-case-system)}.case-visual-3{background:var(--color-case-realtime)}.case-visual-4{background:var(--color-case-experience)}.case-visual-index,.case-visual-label{font:550 11px var(--font-mono);letter-spacing:.12em}.case-visual-mark{font:500 clamp(90px, 12vw, 170px)/1 var(--font-sans);letter-spacing:-.11em;opacity:.92;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.case-visual-line{opacity:.25;background:currentColor;width:120%;height:1px;position:absolute;top:62%;left:-10%;transform:rotate(-16deg)}.case-content{padding:clamp(24px,3vw,38px)}.case-top{justify-content:space-between;gap:12px;margin-bottom:25px;display:flex}.case-top>span:last-child{color:var(--color-muted);font-size:11px}.case-content h3{max-width:500px;font:500 clamp(25px, 2.5vw, 35px)/1.35 var(--font-serif)}.case-context{max-width:60ch;color:var(--color-muted);margin-top:18px;font-size:13px;line-height:1.85}.case-card dl{gap:14px;margin:27px 0 0;display:grid}.case-card dl>div{border-top:1px solid var(--color-border);grid-template-columns:70px 1fr;gap:14px;padding-top:14px;display:grid}.case-card dt{color:var(--color-secondary);font-size:11px}.case-card dd{color:var(--color-muted);margin:0;font-size:12px;line-height:1.8}@media (width<=760px){.cases-grid{grid-template-columns:1fr}.case-visual{height:300px}.case-visual-mark{font-size:145px}}@media (width<=480px){.case-visual{height:240px}.case-visual-mark{font-size:115px}.case-card dl>div{grid-template-columns:1fr;gap:4px}}.cases-grid{gap:22px}.case-card{box-shadow:0 15px 40px color-mix(in srgb, var(--shadow-color) 34%, transparent);border-radius:30px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}.case-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-hover);transform:translateY(-8px)}.case-card:first-child,.case-card:last-child{grid-column:1/-1;grid-template-columns:1.05fr .95fr;display:grid}.case-card:last-child{grid-template-columns:.95fr 1.05fr}.case-card:last-child .case-visual{order:2}.case-card:first-child .case-visual,.case-card:last-child .case-visual{height:100%;min-height:480px}.case-visual{background-image:radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--color-pop-violet) 25%, transparent), transparent 45%)}.case-visual-2{background-image:radial-gradient(circle at 78% 24%, color-mix(in srgb, var(--color-pop-coral) 35%, transparent), transparent 48%)}.case-visual-3{background-image:radial-gradient(circle at 24% 79%, color-mix(in srgb, var(--color-pop-mint) 25%, transparent), transparent 46%)}.case-visual-4{background-image:radial-gradient(circle at 70% 34%, color-mix(in srgb, var(--color-pop-violet) 30%, transparent), transparent 46%)}.case-visual:before,.case-visual:after,.case-visual-mark{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.case-card:hover .case-visual-mark{transform:translate(-50%,-50%)rotate(-7deg)scale(1.07)}.case-card:hover .case-visual:before{transform:scale(1.14)translate(-5%,4%)}.case-card:hover .case-visual:after{transform:scale(.88)translate(8%,-5%)}.case-content{align-self:center}.case-card:first-child .case-content,.case-card:last-child .case-content{padding:clamp(32px,4vw,55px)}@media (width<=760px){.case-card:first-child,.case-card:last-child{grid-column:auto;display:block}.case-card:last-child .case-visual{order:0}.case-card:first-child .case-visual,.case-card:last-child .case-visual{height:300px;min-height:0}.case-card:first-child .case-content,.case-card:last-child .case-content{padding:28px}}@media (width<=480px){.case-card:first-child .case-visual,.case-card:last-child .case-visual{height:240px}.case-card:first-child .case-content,.case-card:last-child .case-content{padding:24px}}@media (width<=760px){.case-visual,.case-card:first-child .case-visual,.case-card:last-child .case-visual{height:185px;min-height:0}.case-content,.case-card:first-child .case-content,.case-card:last-child .case-content{padding:24px}.case-top{margin-bottom:18px}.case-context{margin-top:12px}.case-card dl{margin-top:18px}}@media (width<=480px){.case-visual,.case-card:first-child .case-visual,.case-card:last-child .case-visual{height:155px}.case-visual-mark{font-size:88px}}.services-shell{grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);display:grid}.services-sticky{align-self:start;position:sticky;top:128px}.services-sticky h2{max-width:450px}.services-sticky>.muted{max-width:380px;margin-top:28px;font-size:14px;line-height:1.9}.service-row{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:16px;display:grid}.service-row h3{font:500 25px/1.35 var(--font-serif)}.service-row p{grid-column:2;margin-top:-4px;font-size:13px;line-height:1.8}.pricing{border:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px;display:grid}.pricing>div{flex-direction:column;justify-content:center;min-height:210px;padding:30px;display:flex}.pricing>div+div{border-left:1px solid var(--color-border)}.pricing .eyebrow{margin-bottom:12px}.pricing h3{font:500 24px/1.35 var(--font-serif);margin-bottom:10px}.pricing h3 strong{color:var(--color-primary);font-size:43px;font-weight:500}.pricing h3 span,.pricing p.muted{font-size:12px}.service-notes{border:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;margin-top:38px;padding:14px 30px;display:grid}.service-notes p{border-bottom:1px solid var(--color-border);color:var(--color-muted);grid-template-columns:76px 1fr;gap:14px;padding:14px 0;font-size:12px;line-height:1.8;display:grid}.service-notes strong{color:var(--color-text);font-weight:550}@media (width<=1020px){.services-shell{grid-template-columns:1fr}.services-sticky{position:static}}@media (width<=760px){.service-notes{grid-template-columns:1fr}}@media (width<=480px){.pricing{grid-template-columns:1fr}.pricing>div+div{border-left:0;border-top:1px solid var(--color-border)}.service-notes{padding:12px 20px}.service-notes p{grid-template-columns:1fr;gap:4px}}.services-shell{gap:clamp(45px,7vw,95px)}.service-list{border-top:0;gap:13px;display:grid}.service-row{border:1px solid var(--color-border);background:var(--color-surface);border-radius:22px;min-height:126px;padding:22px 24px;transition:transform .3s,border-color .3s,background .3s}.service-row:hover{border-color:var(--color-pop-violet);background:var(--color-tint);transform:translate(6px)}.pricing{border-radius:24px;overflow:hidden}.service-notes{border-radius:28px;overflow:hidden}@media (width<=480px){.service-row{padding:20px}}@media (width<=760px){.service-row{min-height:0}}.skills-grid{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.skill-card{flex-direction:column;grid-column:span 2;min-width:0;padding:30px;display:flex}.skill-card:nth-last-child(-n+2){grid-column:span 3}.skill-card:hover{background:var(--color-tint)}.skill-card h3{font:500 26px/1.35 var(--font-serif);margin:52px 0 13px}.skill-card p{color:var(--color-muted);margin-bottom:26px;font-size:13px;line-height:1.8}.skill-card .tags{margin-top:auto}.opensource-compact{border:1px solid var(--color-border);background:var(--color-surface);border-radius:24px;justify-content:space-between;align-items:center;gap:28px;margin-top:22px;padding:25px 30px;display:flex}.opensource-compact .eyebrow{margin-bottom:8px}.opensource-compact h3{font:500 23px/1.35 var(--font-serif)}.opensource-compact .muted{max-width:72ch;margin-top:8px;font-size:13px}.opensource-compact-link{border-bottom:1px solid var(--color-primary);color:var(--color-text);flex-shrink:0;align-items:center;gap:12px;padding:12px 0;font-size:13px;font-weight:600;display:inline-flex}.opensource-compact-link:hover{color:var(--color-primary)}@media (width<=1020px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-card,.skill-card:nth-last-child(-n+2){grid-column:auto}}@media (width<=480px){.skills-grid{grid-template-columns:1fr}.skill-card{min-height:265px}}@media (width<=760px){.opensource-card{grid-template-columns:1fr}.package-install{border-left:0;border-top:1px solid var(--color-code-border);min-height:240px}}.skills-grid{background:0 0;border:0;gap:16px}.skill-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:28px;min-height:320px;transition:transform .35s,box-shadow .35s,border-color .35s,background .35s}.skill-card:nth-child(3n+1){background:linear-gradient(145deg, color-mix(in srgb, var(--color-pop-violet) 7%, var(--color-surface)), var(--color-surface))}.skill-card:nth-child(3n+2){background:linear-gradient(145deg, color-mix(in srgb, var(--color-pop-coral) 6%, var(--color-surface)), var(--color-surface))}.skill-card:nth-child(3n){background:linear-gradient(145deg, color-mix(in srgb, var(--color-pop-mint) 5%, var(--color-surface)), var(--color-surface))}.skill-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-normal);transform:translateY(-8px)rotate(-1deg)}.skill-card .card-number{background:color-mix(in srgb, var(--color-pop-violet) 28%, var(--color-surface));border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.skill-card h3{margin-top:39px}@media (width<=480px){.skills-grid{gap:12px}}@media (width<=760px){.skill-card{min-height:0;padding:24px}.skill-card h3{margin-top:22px}.skill-card p{margin-bottom:18px}.opensource-compact{flex-direction:column;align-items:flex-start;gap:14px;padding:22px}}.about{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);display:grid}.about-index{font:400 clamp(100px, 15vw, 180px)/.85 var(--font-serif);letter-spacing:-.16em;margin-bottom:35px;display:block}.about-copy{align-self:end}.about-copy>p{max-width:67ch;font-size:18px;line-height:1.9}.about-copy>.muted{margin-top:24px;font-size:14px}.values{color:var(--color-primary);font:11px var(--font-mono);flex-wrap:wrap;gap:13px 25px;margin-top:32px;display:flex}@media (width<=760px){.about{grid-template-columns:1fr;gap:45px}}.about{border:1px solid var(--color-border);background:radial-gradient(circle at 10% 15%, color-mix(in srgb, var(--color-pop-violet) 20%, transparent), transparent 38%), var(--color-surface);border-radius:34px;gap:clamp(35px,7vw,95px);padding:clamp(40px,6vw,75px)}.about-index{color:var(--color-pop-violet);opacity:.55}.values span{border:1px solid var(--color-border-strong);border-radius:999px;padding:9px 13px}@media (width<=760px){.about{padding:72px 32px}}.delivery-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.delivery-grid h3{font:500 22px var(--font-serif);margin:35px 0 10px}.delivery-grid p{font-size:13px}@media (width<=760px){.delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-grid article:nth-child(3){border-left:0;padding-left:0}}@media (width<=480px){.delivery-grid{grid-template-columns:1fr}.delivery-grid article+article{border-left:0;padding-left:0}}.delivery-grid{gap:14px}.delivery-grid article,.delivery-grid article+article{border:1px solid var(--color-border);background:var(--color-surface);border-radius:24px;min-height:210px;padding:24px;transition:transform .3s,background .3s}.delivery-grid article:hover{background:var(--color-tint);transform:translateY(-6px)}@media (width<=760px){.delivery-grid article:nth-child(3){border-left:1px solid var(--color-border);padding-left:24px}}@media (width<=480px){.delivery-grid{grid-template-columns:1fr}.delivery-grid article+article,.delivery-grid article:nth-child(3){padding-left:24px}}.contact{text-align:center;padding:clamp(100px,10vw,145px) 30px clamp(95px,12vw,150px)}.contact h2{max-width:900px;margin:0 auto 26px;font-size:clamp(40px,6vw,72px)}.contact>.muted{margin-inline:auto;font-size:13px}.contact-action{cursor:pointer;margin:34px auto 0}.contact-email{width:fit-content;max-width:100%;font:500 clamp(18px, 2.6vw, 30px) var(--font-serif);overflow-wrap:anywhere;border-bottom:1px solid;margin:18px auto 0;padding-bottom:7px;display:block}.contact-note{margin-top:16px;font-size:12px}@media (width<=480px){.contact{padding-inline:16px}}.contact{background:linear-gradient(125deg, var(--color-case-ai), color-mix(in srgb, var(--color-pop-violet) 35%, var(--color-case-ai)) 52%, var(--color-case-system));color:var(--color-contact-text);border-radius:36px;overflow:hidden}.contact:after{content:"";border:1px solid color-mix(in srgb, var(--color-pop-mint) 55%, transparent);pointer-events:none;border-radius:50%;width:320px;height:320px;position:absolute;top:-140px;right:-120px}.contact:before{content:"";border:1px solid color-mix(in srgb, var(--color-contact-text) 48%, transparent);border-radius:50%;width:480px;height:480px;position:absolute;bottom:-230px;left:-180px}.contact .eyebrow,.contact .muted,.contact-note{color:var(--color-contact-text)}.contact-email{transition:transform .25s,border-color .25s}.contact-email:hover{border-color:var(--color-pop-mint);transform:translateY(-4px)}@media (width<=480px){.contact{border-radius:28px}}@media (width<=760px){.contact{padding-block:72px}}.nav-contact{cursor:pointer}.consultation-dialog{width:min(560px,calc(100% - var(--space-5)));max-height:calc(100dvh - var(--space-5));overscroll-behavior:contain;border:1px solid var(--color-border-strong);border-radius:var(--radius-dialog);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-dialog);margin:auto;padding:0;animation:.18s ease-out consultation-enter;overflow-y:auto}.consultation-dialog::backdrop{background:var(--color-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.consultation-intro{padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,var(--color-tint),var(--color-surface));border-bottom:1px solid var(--color-border)}.consultation-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.consultation-heading h2{margin-top:var(--space-1);font-size:28px}.consultation-intro>p{font-size:14px}.consultation-close{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);width:40px;height:40px;color:var(--color-muted);cursor:pointer;flex-shrink:0;place-items:center;padding:0;transition:background .18s,color .18s;display:grid}.consultation-close:hover{background:var(--color-hover-bg);color:var(--color-text)}.consultation-form{gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-5);display:grid}.contact-methods{gap:var(--space-2);border:0;min-width:0;margin:0;padding:0;display:flex}.contact-methods legend{margin-bottom:var(--space-2);font-size:14px;font-weight:600}.contact-methods label{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-muted);background:var(--color-bg);cursor:pointer;flex:1;font-size:14px;transition:background .18s,border-color .18s;display:inline-flex}.contact-methods label:has(input:checked){color:var(--color-selected-text);border-color:var(--color-border-strong);background:var(--color-selected-bg)}.contact-methods label:hover{border-color:var(--color-primary)}.contact-methods input{accent-color:var(--color-primary);margin:0}.consultation-field{gap:var(--space-2);min-width:0;font-size:14px;font-weight:600;display:grid}.consultation-field .muted{font-weight:400}.consultation-field-heading{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.consultation-count{font:12px var(--font-mono)}.consultation-field input,.consultation-field textarea{width:100%;min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-bg);color:var(--color-text);font-size:16px;font-weight:400;line-height:1.5;transition:border-color .18s}.consultation-field input{min-height:48px}.consultation-field textarea{resize:none;border-radius:10px;overflow-y:auto}.consultation-field input:hover,.consultation-field textarea:hover{border-color:var(--color-border-strong)}.consultation-field input::placeholder,.consultation-field textarea::placeholder{color:var(--color-muted);opacity:1}.consultation-form input:focus-visible,.consultation-form textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:var(--space-1)}.consultation-footer{gap:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-4);display:grid}.consultation-footer .button{width:100%;min-height:48px;padding:var(--space-2) var(--space-4);cursor:pointer}.consultation-footer .button:hover{transform:none}.consultation-footer .button:disabled{cursor:default;background:var(--color-button);box-shadow:none;opacity:.65}.consultation-form input:disabled,.consultation-form textarea:disabled{cursor:wait}.consultation-status.consultation-status-error{color:var(--color-error)}.consultation-footer .button>span{margin-left:auto}.consultation-hint{text-align:center;font-size:12px;line-height:1.8}.consultation-status{padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);color:var(--color-primary);background:var(--color-tint);font-size:14px}.wechat-contact{width:fit-content;max-width:100%;margin-top:var(--space-3);position:relative}.wechat-contact-trigger{align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-success);background:var(--color-surface);cursor:pointer;flex-wrap:wrap;font-size:14px;transition:border-color .18s;display:flex}.wechat-contact-trigger:hover{border-color:var(--color-border-strong)}.wechat-contact-hint{font-size:12px}.wechat-contact .wechat-qr-panel{z-index:2;width:min(256px,calc(100vw - var(--space-5) * 3));padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-dialog);display:none;position:absolute;top:100%;left:0}.wechat-qr-panel img{object-fit:contain;width:100%;height:auto}.wechat-qr-panel p{margin-top:var(--space-2);text-align:center;font-size:12px}.wechat-contact.is-open .wechat-qr-panel{display:block}@media (width<=700px){.header .nav-contact{padding:var(--space-2);font-size:12px;display:inline-flex}.header-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.consultation-intro,.consultation-form{padding:var(--space-4)}.consultation-heading h2{font-size:24px}}@keyframes consultation-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.consultation-dialog{animation:none}}.message-toast{bottom:var(--space-4);z-index:30;align-items:center;gap:var(--space-2);width:max-content;max-width:calc(100% - var(--space-5));padding:var(--space-3) var(--space-4);border:1px solid var(--color-success);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-dialog);overflow-wrap:anywhere;font-size:14px;animation:.3s ease-out toast-in;display:flex;position:fixed;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.message-toast svg{color:var(--color-success)}