:root{--color-bg: #ffffff;--color-surface: #f5f7fb;--color-text: #080a0f;--color-muted: #667080;--color-accent: #1557ff;--color-accent-dark: #003fd6;--color-line: #dbe2ec;--color-line-strong: #bdc6d4;--space-unit: 8px;--radius: 0px;--shell: 1400px;--gutter: clamp(24px, 3.8vw, 56px);--font-sans: "Avenir Next", "SF Pro Display", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "SFMono-Regular", "JetBrains Mono", "Roboto Mono", ui-monospace, monospace;--ease-system: cubic-bezier(.83, 0, .17, 1);--duration-feedback: .18s;--duration-system: .9s}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;background:var(--color-bg)}body{margin:0;min-width:320px;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(21,87,255,.12)}img,svg{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em;text-wrap:balance}p{color:var(--color-muted)}.shell{width:min(calc(100% - (var(--gutter) * 2)),var(--shell));margin-inline:auto}section[id]{scroll-margin-top:24px}.skip-link{position:fixed;z-index:200;top:12px;left:12px;padding:10px 16px;color:#fff;background:var(--color-accent);transform:translateY(-170%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid rgba(21,87,255,.36);outline-offset:5px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%}.site-header__inner{display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - (var(--gutter) * 2)),var(--shell));min-height:96px;margin-inline:auto;border-bottom:1px solid var(--color-line)}.brand-link,.brand{display:inline-flex}.brand{align-items:baseline;color:var(--color-text);font-size:36px;font-weight:820;line-height:1;letter-spacing:-.075em}.brand__x{position:relative;color:currentColor}.brand__x:after{position:absolute;top:7%;left:53%;width:2px;height:91%;content:"";background:var(--color-accent);transform:rotate(36deg);transform-origin:center}.brand--footer{font-size:30px}.site-header nav{display:flex;gap:48px;font-size:14px;font-weight:720}.site-header nav a{position:relative;padding:12px 0}.site-header nav a:after{position:absolute;right:0;bottom:4px;left:0;height:2px;content:"";background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-feedback) ease}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1)}.hero{min-height:100svh;padding-top:96px;overflow:hidden;background:var(--color-bg)}.hero__inner{display:grid;grid-template-columns:minmax(0,7fr) minmax(420px,5fr);align-items:stretch;min-height:calc(100svh - 96px)}.hero__copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(72px,8vh,112px) clamp(48px,5.5vw,92px) 64px 0}.hero__signal,.section-code,.contact__code{display:flex;align-items:center;gap:16px;margin:0;color:var(--color-text);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em}.hero__signal{margin-bottom:42px;opacity:0;animation:enter-copy .52s ease forwards .12s}.hero__signal span{width:36px;height:4px;background:var(--color-accent)}.hero h1{max-width:760px;margin:0;font-size:clamp(62px,5.7vw,92px);font-weight:840;line-height:.98;letter-spacing:-.07em;opacity:0;animation:enter-copy .62s var(--ease-system) forwards .2s}.hero__description{max-width:590px;margin:38px 0 0;font-size:clamp(16px,1.25vw,19px);line-height:1.75;text-wrap:pretty;opacity:0;animation:enter-copy .56s ease forwards .36s}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;width:224px;min-height:62px;margin-top:38px;padding:0 24px;color:#fff;background:var(--color-accent);font-size:15px;font-weight:720;opacity:0;transition:background var(--duration-feedback),transform var(--duration-feedback);animation:enter-copy .52s ease forwards .48s}.button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;transition:transform var(--duration-feedback) ease}.button:hover{background:var(--color-accent-dark);transform:translateY(-2px)}.button:hover svg,.button:focus-visible svg{transform:translate(4px)}.hero__visual{position:relative;display:grid;align-self:stretch;place-items:center;min-height:650px;border-left:1px solid var(--color-line)}.hero__visual:before,.hero__visual:after{position:absolute;content:"";background:var(--color-line);opacity:0;animation:reveal-axis .54s ease forwards .5s}.hero__visual:before{top:0;bottom:0;left:50%;width:1px}.hero__visual:after{top:50%;right:calc(var(--gutter) * -1);left:0;height:1px}.hero__visual-label{position:absolute;z-index:2;top:32px;right:0;color:var(--color-muted);font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.12em}.x-geometry{position:relative;z-index:1;width:min(100%,650px);color:var(--color-accent)}.x-geometry path,.x-geometry circle{fill:none;stroke:currentColor;vector-effect:non-scaling-stroke}.x-geometry__frame{opacity:0;animation:reveal-structure .64s ease forwards .56s}.x-geometry__frame path{stroke-width:1;opacity:.16}.x-geometry__axes{opacity:0;animation:reveal-structure .48s ease forwards .4s}.x-geometry__axes path{stroke-width:1;opacity:.28}.x-geometry__construction{opacity:0;animation:reveal-structure .62s ease forwards .7s}.x-geometry__construction path,.x-geometry__construction circle{stroke-width:1;stroke-dasharray:5 7;opacity:.28}.x-geometry__mark path{stroke-width:1.8;stroke-dasharray:900;stroke-dashoffset:900;animation:draw-x var(--duration-system) var(--ease-system) forwards .74s}.x-geometry__mark path:nth-child(2){animation-delay:.82s}.x-geometry__mark path:nth-child(3){animation-delay:.9s}.x-geometry__mark path:nth-child(4){animation-delay:.98s}.x-geometry__nodes circle{fill:currentColor;stroke-width:0;opacity:0;animation:reveal-node .32s ease forwards 1.42s}.x-geometry__labels{fill:var(--color-muted);font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.08em;opacity:0;animation:reveal-structure .36s ease forwards 1.28s}@keyframes draw-x{to{stroke-dashoffset:0}}@keyframes reveal-node{to{opacity:1}}@keyframes reveal-structure{to{opacity:1}}@keyframes reveal-axis{to{opacity:.52}}@keyframes enter-copy{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.capabilities{position:relative;padding:clamp(112px,10vw,152px) 0 clamp(110px,9vw,142px);overflow:hidden;border-top:1px solid var(--color-line);background:var(--color-surface)}.capabilities:after{position:absolute;top:0;right:10%;width:1px;height:90px;content:"";background:var(--color-accent)}.section-heading{display:grid;grid-template-columns:minmax(220px,3fr) minmax(600px,9fr);align-items:start;gap:40px;margin-bottom:clamp(72px,8vw,112px)}.section-code{padding-top:9px;color:var(--color-accent)}.section-heading h2{max-width:880px;margin:0;font-size:clamp(56px,6vw,88px);font-weight:830;line-height:.99;letter-spacing:-.065em}.capability-list{border-bottom:1px solid var(--color-line-strong)}.capability{display:grid;grid-template-columns:1.2fr 4fr 4.8fr;align-items:start;gap:32px;min-height:0;padding:38px 0;border-top:1px solid var(--color-line-strong)}.capability__index{display:block;padding-top:8px;color:var(--color-accent);font-family:var(--font-mono);font-size:11px;font-weight:700}.capability h3{margin:0;font-size:clamp(28px,2.4vw,38px);font-weight:760;line-height:1.15;letter-spacing:-.045em}.capability p{max-width:500px;margin:2px 0 0;font-size:16px;line-height:1.8;text-wrap:pretty}.approach{padding:clamp(112px,10vw,152px) 0;border-top:1px solid var(--color-line);background:var(--color-bg)}.approach-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--color-line-strong)}.approach-step{position:relative;min-height:348px;padding:38px 34px 42px;border-right:1px solid var(--color-line)}.approach-step:first-child{padding-left:0}.approach-step:last-child{padding-right:0;border-right:0}.approach-step__index,.principle>span,.principles__code{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em}.approach-step__index{color:var(--color-accent)}.approach-step h3{margin:112px 0 18px;font-size:clamp(25px,2.1vw,34px);font-weight:760;line-height:1.15;letter-spacing:-.045em}.approach-step p{max-width:250px;margin:0;font-size:15px;line-height:1.75;text-wrap:pretty}.principles{color:#fff;background:var(--color-text)}.principles__inner{display:grid;grid-template-columns:minmax(360px,5fr) minmax(0,7fr);min-height:100svh}.principles__statement{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(96px,10vw,142px) 64px 64px 0;border-right:1px solid rgb(255 255 255 / 18%)}.principles__code{margin:0;color:#7397ff}.principles h2{margin:0;font-size:clamp(58px,6vw,88px);font-weight:830;line-height:.98;letter-spacing:-.065em}.principle-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.principle{display:flex;flex-direction:column;min-height:50svh;padding:48px;border-right:1px solid rgb(255 255 255 / 18%);border-bottom:1px solid rgb(255 255 255 / 18%)}.principle:nth-child(2n){border-right:0}.principle:nth-last-child(-n+2){border-bottom:0}.principle>span{color:#7397ff}.principle h3{margin:auto 0 18px;font-size:clamp(28px,2.6vw,40px);font-weight:760;line-height:1.12;letter-spacing:-.045em}.principle p{max-width:330px;margin:0;color:#ffffffad;font-size:15px;line-height:1.75;text-wrap:pretty}.contact{min-height:100svh;overflow:hidden;color:#fff;background:var(--color-accent)}.contact__inner{display:grid;grid-template-columns:minmax(0,8fr) minmax(340px,4fr);min-height:100svh}.contact__main{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(76px,8vw,116px) clamp(48px,6vw,92px) 54px 0;border-right:1px solid rgb(255 255 255 / 34%)}.contact__code{margin-bottom:clamp(72px,10vh,120px);color:#fff}.contact h2{max-width:900px;margin:0;font-size:clamp(58px,6.5vw,96px);font-weight:830;line-height:.98;letter-spacing:-.065em}.contact__email{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding-top:28px;border-top:1px solid rgb(255 255 255 / 58%);color:#fff;font-size:clamp(18px,2vw,31px);font-weight:680;line-height:1.35;overflow-wrap:anywhere}.contact__email span{flex:0 0 auto;font-size:30px;transition:transform var(--duration-feedback) ease}.contact__email:hover span,.contact__email:focus-visible span{transform:translate(4px,-4px)}.contact__side{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(76px,8vw,116px) 0 42px clamp(36px,4vw,58px)}.contact__side>p{max-width:400px;margin:0;color:#ffffffd1;font-size:16px;line-height:1.8;text-wrap:pretty}.contact figure{margin:56px 0}.contact__qr-frame{display:inline-block;padding:10px;background:#fff}.contact figure img{width:176px;height:176px}.contact figcaption{max-width:220px;margin-top:14px;color:#ffffffc2;font-size:11px;line-height:1.55}.contact footer{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:26px;border-top:1px solid rgb(255 255 255 / 34%)}.contact footer .brand,.contact footer>span{color:#fff}.contact footer .brand__x:after{background:#fff}.contact footer>span{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-align:right}.contact :focus-visible{outline-color:#fff}@media(max-width:1160px){.site-header nav{gap:34px}.hero__inner{grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr)}.hero h1{font-size:clamp(58px,6vw,76px)}.hero__copy{padding-right:48px}.section-heading{grid-template-columns:minmax(180px,.4fr) minmax(540px,1.6fr)}.contact__main{padding-right:48px}}@media(max-width:900px){:root{--gutter: 28px}.site-header__inner{min-height:88px}.hero{padding-top:88px}.hero__inner{display:block;min-height:auto}.hero__copy{min-height:calc(100svh - 88px);padding:92px 0 72px}.hero h1{max-width:760px;font-size:clamp(62px,9vw,82px)}.hero__description{max-width:670px}.hero__visual{width:calc(100% + (var(--gutter) * 2));min-height:600px;margin-left:calc(var(--gutter) * -1);border-top:1px solid var(--color-line);border-left:0;background:var(--color-surface)}.hero__visual:after{right:0}.hero__visual-label{right:var(--gutter)}.section-heading{grid-template-columns:1fr;gap:28px}.capability{grid-template-columns:.8fr 3.2fr 4fr;gap:24px}.approach-list{grid-template-columns:repeat(2,minmax(0,1fr))}.approach-step{min-height:310px}.approach-step:first-child{padding-left:34px}.approach-step:nth-child(2n){border-right:0}.approach-step:nth-child(-n+2){border-bottom:1px solid var(--color-line)}.approach-step h3{margin-top:88px}.principles__inner{display:block;min-height:0}.principles__statement{min-height:620px;padding-right:0;border-right:0;border-bottom:1px solid rgb(255 255 255 / 18%)}.principle{min-height:420px}.contact__inner{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)}.contact__main{padding-right:34px}.contact__side{padding-left:28px}}@media(max-width:760px){:root{--gutter: 20px}.site-header__inner{min-height:76px}.brand{font-size:27px}.site-header nav{gap:clamp(13px,4.5vw,22px);font-size:12px}.hero{padding-top:76px}.hero__copy{min-height:650px;padding:76px 0 58px}.hero__signal{gap:12px;margin-bottom:30px;font-size:8px}.hero__signal span{width:28px;height:3px}.hero h1{font-size:clamp(46px,13.2vw,62px);line-height:1}.hero__description{max-width:350px;margin-top:30px;font-size:15px;line-height:1.72}.button{width:208px;min-height:58px;margin-top:30px;font-size:14px}.hero__visual{min-height:410px}.hero__visual-label{display:none}.x-geometry{width:430px;max-width:none}.capabilities{padding:90px 0 80px}.capabilities:after{height:54px}.section-heading{margin-bottom:58px}.section-code{padding-top:0;font-size:9px}.section-heading h2{font-size:clamp(43px,12vw,54px);line-height:1.02}.capability{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:29px 0 32px}.capability__index{padding-top:6px}.capability h3{font-size:29px}.capability p{grid-column:2;max-width:345px;margin-top:-2px;font-size:15px}.approach{padding:90px 0 80px}.approach-list{display:block}.approach-step,.approach-step:first-child{min-height:0;padding:30px 0 34px;border-right:0;border-bottom:1px solid var(--color-line)}.approach-step:last-child{border-bottom:0}.approach-step h3{margin:54px 0 15px;font-size:29px}.approach-step p{max-width:345px}.principles__statement{min-height:520px;padding:78px 0 46px}.principles__code{font-size:9px}.principles h2{font-size:clamp(48px,13vw,58px);line-height:1}.principle-list{display:block}.principle{min-height:350px;padding:34px 0;border-right:0;border-bottom:1px solid rgb(255 255 255 / 18%)}.principle:nth-last-child(2){border-bottom:1px solid rgb(255 255 255 / 18%)}.principle:last-child{border-bottom:0}.principle h3{font-size:30px}.contact__inner{display:block;width:auto;min-height:100svh;margin-inline:var(--gutter)}.contact__main{min-height:560px;padding:76px 0 46px;border-right:0;border-bottom:1px solid rgb(255 255 255 / 34%)}.contact__code{margin-bottom:72px;font-size:9px}.contact h2{max-width:350px;font-size:clamp(48px,13vw,58px);line-height:1}.contact__email{gap:12px;padding-top:22px;font-size:15px}.contact__email span{font-size:23px}.contact__side{gap:44px;padding:46px 0 30px}.contact__side>p{max-width:350px;font-size:15px}.contact figure{margin:0}.contact figure img{width:166px;height:166px}.contact figcaption{max-width:210px}.contact footer{margin-top:8px}.brand--footer{font-size:26px}}@media(max-width:380px){.site-header nav{gap:11px;font-size:11px}.hero h1{font-size:44px}.contact h2{font-size:45px}}