.work-page{--canvas:#edf1f7;--paper:#f9fbfd;--ink:#101927;--muted:#59677a;--line:#cbd4df;--signal:#2859e8;--cyan:#087e8b;--night:#132037;background:var(--canvas);min-height:100dvh;color:var(--ink);font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif}.work-page *{box-sizing:border-box}.work-page a{color:inherit;text-decoration:none}.work-page a:focus-visible{outline-offset:4px;outline:3px solid #2859e84d}.work-nav{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#edf1f7e0;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:68px;margin:auto;display:flex;position:sticky;top:0}.work-brand,.work-nav nav,.work-nav nav a,.work-button,.work-contact a,.work-footer a{align-items:center;display:flex}.work-brand{gap:10px}.work-brand strong{letter-spacing:.12em;font-size:13px}.work-nav nav{gap:26px}.work-nav nav a{min-height:44px;color:var(--muted);gap:5px;font-size:13px;font-weight:700}.work-nav nav a:hover{color:var(--signal)}.work-hero{grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr);align-items:end;gap:76px;width:min(1180px,100% - 48px);margin:auto;padding:98px 0 82px;display:grid}.work-eyebrow,.work-section-heading>p,.system-kicker{color:var(--signal);letter-spacing:.14em;margin:0;font:800 11px/1.3 ui-monospace,Consolas,monospace}.work-hero h1{letter-spacing:-.07em;margin:17px 0 0;font-size:clamp(52px,7.2vw,94px);line-height:.98}.work-hero h1 em{color:var(--signal);font-style:normal}.work-hero__lead{max-width:760px;color:var(--muted);margin:29px 0 0;font-size:18px;line-height:1.8}.work-hero__actions{flex-wrap:wrap;gap:11px;margin-top:32px;display:flex}.work-button{border:1px solid var(--line);background:var(--paper);border-radius:5px;justify-content:center;gap:7px;min-height:48px;padding:0 19px;font-size:13px;font-weight:800;transition:all .2s}.work-button--primary{border-color:var(--signal);background:var(--signal);color:#fff}.work-button:hover{transform:translateY(-1px)}.hero-index{border-top:3px solid var(--ink)}.hero-index>p{color:var(--muted);letter-spacing:.12em;margin:14px 0 4px;font:700 10px ui-monospace,monospace}.hero-index>div{border-bottom:1px solid var(--line);grid-template-columns:31px 1fr;column-gap:11px;padding:15px 0;display:grid}.hero-index strong{color:var(--signal);grid-row:1/3;font:800 12px ui-monospace,monospace}.hero-index span{font-size:13px;font-weight:800}.hero-index small{color:var(--muted);margin-top:4px;font-size:11px}.capability-line{border:1px solid var(--ink);background:var(--night);color:#fff;grid-template-columns:repeat(4,auto 1fr);align-items:center;width:min(1180px,100% - 48px);margin:0 auto 118px;display:grid}.capability-line p,.capability-line span{margin:0;padding:15px 14px}.capability-line p{color:#8fb0ff;letter-spacing:.1em;font:800 10px ui-monospace,monospace}.capability-line span{color:#d8dfeb;border-left:1px solid #ffffff24;font-size:11px}.work-ledger{width:min(1180px,100% - 48px);margin:auto}.work-section-heading{border-bottom:1px solid var(--ink);grid-template-columns:.65fr 1.65fr 1fr;align-items:end;gap:34px;padding-bottom:36px;display:grid}.work-section-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(35px,4.5vw,57px);line-height:1.08}.work-section-heading>span{color:var(--muted);font-size:13px;line-height:1.75}.system-case{border-bottom:1px solid var(--line);padding:88px 0 94px;scroll-margin-top:80px}.system-case>header{grid-template-columns:52px 34px 1fr;column-gap:12px;display:grid}.system-case>header>span{color:var(--signal);grid-row:1/5;font:800 12px ui-monospace,monospace}.system-case>header>svg{color:var(--cyan)}.system-case>header>p:first-of-type{color:var(--cyan);letter-spacing:.1em;margin:4px 0 17px;font:800 11px ui-monospace,monospace}.system-case h3{letter-spacing:-.045em;grid-column:2/4;max-width:930px;margin:0;font-size:clamp(30px,4.2vw,52px);line-height:1.14}.system-intro{max-width:850px;color:var(--muted);grid-column:2/4;margin:22px 0 0;font-size:16px;line-height:1.85}.system-flow{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(6,1fr);gap:1px;margin:38px 0 26px;display:grid}.system-flow>div{background:var(--paper);min-height:94px;padding:16px;position:relative}.system-flow small{color:var(--signal);margin-bottom:20px;font:800 10px ui-monospace,monospace;display:block}.system-flow span{font-size:12px;font-weight:750;line-height:1.5}.system-flow svg{z-index:2;background:var(--canvas);color:var(--muted);padding:2px;position:absolute;top:50%;right:-8px}.system-bottom{border:1px solid var(--line);background:var(--line);grid-template-columns:1.15fr .85fr;gap:1px;display:grid}.system-bottom>div{background:var(--paper);padding:26px}.system-bottom ul{grid-template-columns:repeat(2,1fr);gap:13px 24px;margin:22px 0 0;padding:0;list-style:none;display:grid}.system-bottom li{color:#344257;align-items:flex-start;gap:9px;font-size:12px;line-height:1.55;display:flex}.system-bottom li svg{color:var(--cyan);flex:none;margin-top:2px}.system-links{flex-direction:column;display:flex}.system-links .system-kicker{margin-bottom:10px}.system-links a{border-bottom:1px solid var(--line);min-height:43px;color:var(--signal);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:800;transition:all .2s;display:flex}.system-links a:hover{padding-left:4px}.system-links code{background:var(--canvas);color:var(--ink);overflow-wrap:anywhere;border:1px dashed #9baac0;flex-direction:column;gap:7px;margin-top:15px;padding:13px;font:700 12px/1.5 ui-monospace,Consolas,monospace;display:flex}.system-links code span{color:var(--muted);letter-spacing:.1em;font-size:9px}.work-method{grid-template-columns:.85fr 1.55fr;gap:74px;width:min(1180px,100% - 48px);margin:auto;padding:112px 0;display:grid}.work-method h2{letter-spacing:-.05em;margin:18px 0 0;font-size:clamp(36px,4.5vw,56px);line-height:1.08}.work-method>div>p:last-child{color:var(--muted);line-height:1.75}.work-method ol{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}.work-method li{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:175px;padding:23px}.work-method li:nth-child(odd){border-left:1px solid var(--line)}.work-method li>span{color:var(--signal);font:800 10px ui-monospace,monospace}.work-method li strong{margin-top:28px;display:block}.work-method li p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.65}.work-contact{background:var(--night);color:#fff;justify-content:space-between;align-items:center;gap:32px;padding:50px max(24px,50% - 590px);display:flex}.work-contact p{color:#c9d2e1;margin:0}.work-contact a{gap:7px;font-size:17px;font-weight:800}.work-footer{width:min(1180px,100% - 48px);color:var(--muted);justify-content:space-between;align-items:center;margin:auto;padding:30px 0;font-size:12px;display:flex}.work-footer a{min-height:42px;color:var(--ink);gap:7px;font-weight:700}@media (max-width:900px){.work-hero,.work-method{grid-template-columns:1fr;gap:48px}.work-section-heading{grid-template-columns:1fr}.capability-line{grid-template-columns:repeat(2,auto 1fr)}.system-flow{grid-template-columns:repeat(3,1fr)}.system-bottom{grid-template-columns:1fr}}@media (max-width:620px){.work-nav,.work-hero,.capability-line,.work-ledger,.work-method,.work-footer{width:calc(100% - 32px)}.work-nav nav{gap:13px}.work-nav nav a:first-child,.work-nav nav a:nth-child(2){display:none}.work-hero{padding:63px 0 64px}.work-hero h1{font-size:49px}.work-hero__lead{font-size:16px}.capability-line{grid-template-columns:auto 1fr;margin-bottom:82px}.system-case{padding:68px 0 74px}.system-case>header{grid-template-columns:34px 28px 1fr;column-gap:8px}.system-case h3,.system-intro{grid-column:2/4}.system-case h3{font-size:32px}.system-flow{grid-template-columns:repeat(2,1fr)}.system-flow svg{display:none}.system-bottom ul{grid-template-columns:1fr}.work-method{padding:82px 0}.work-method ol{grid-template-columns:1fr}.work-method li,.work-method li:nth-child(odd){border-inline:1px solid var(--line)}.work-contact,.work-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.work-page *{scroll-behavior:auto!important;transition:none!important}}.work-footer{flex-wrap:wrap}.work-footer .work-icp{color:var(--muted);text-underline-offset:3px;margin-left:2px;font-weight:600;text-decoration:underline;display:inline}.gomoku-showcase{border:1px solid var(--line);background:var(--paper);border-radius:24px;grid-template-columns:1fr minmax(240px,360px);align-items:center;gap:48px;width:min(1180px,100% - 48px);margin:32px auto 64px;padding:44px;display:grid;overflow:hidden}.gomoku-showcase__copy h2{letter-spacing:-.04em;margin:16px 0;font-size:clamp(30px,4vw,52px);line-height:1.2}.gomoku-showcase__copy>p:not(.work-eyebrow){max-width:440px;color:var(--muted);margin-bottom:24px;line-height:1.85}.gomoku-showcase__copy>small{color:var(--muted);margin-top:18px;font-size:12px;display:block}.gomoku-showcase__preview{border:1px solid var(--line);background:color-mix(in srgb,var(--signal) 8%,var(--paper));color:var(--signal);border-radius:20px;padding:20px;transform:rotate(-4deg)}.gomoku-showcase__preview svg{width:100%;height:auto;display:block}.gomoku-showcase__preview>span{text-align:center;letter-spacing:.12em;color:var(--muted);padding-bottom:8px;font-size:12px;display:block}@media (max-width:700px){.gomoku-showcase{grid-template-columns:1fr;gap:28px;margin-bottom:40px;padding:28px 24px}.gomoku-showcase__preview{justify-self:center;width:100%;max-width:260px}}@media (max-width:620px){.gomoku-showcase{width:calc(100% - 32px)}}