@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@300;400;500;600;700;800&display=swap";:root{--ink:#080a09;--paper:#eceee8;--white:#f8f9f4;--muted:#838981;--line:#ffffff24;--dark-line:#080a0929;--lime:#c8ff3d;--green:#5ce58a;--orange:#ff713c;--blue:#70a5ff;--red:#ff5e5e;--violet:#9e87ff;--shell:min(1440px, calc(100vw - 80px));--ease:cubic-bezier(.22, 1, .36, 1);--font:"Noto Sans SC", "Microsoft YaHei UI", sans-serif;--mono:"DM Mono", "Cascadia Code", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body.modal-open{overflow:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--lime);color:var(--ink)}.shell{width:var(--shell);margin:0 auto}.section{padding:130px 0}.section-label,.section-index{font-family:var(--mono);letter-spacing:0;font-size:11px}.section-label{color:#777d76}.section-index{border:1px solid var(--dark-line);justify-content:center;align-items:center;width:30px;height:20px;margin-right:14px;display:inline-flex}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(28px)}.reveal.visible{opacity:1;transform:none}.button{cursor:pointer;min-height:48px;transition:transform .22s var(--ease), background .22s ease, color .22s ease, border-color .22s ease;background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:14px;font-weight:600;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:var(--ink)}.button-primary:hover{background:#d9ff78}.button-primary.dark{background:var(--ink);color:var(--white)}.button-primary.dark:hover{background:#242824}.button-quiet{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000002e;border-color:#ffffff52}.button-quiet:hover{background:#ffffff1a}.button-outline{border-color:var(--dark-line);color:var(--ink)}.button-outline:hover{border-color:var(--ink)}.icon-button{border:1px solid var(--line);cursor:pointer;background:#0000002e;border-radius:3px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:inline-flex}.nav{z-index:100;border-bottom:1px solid #0000;transition:background .25s,border-color .25s;position:fixed;inset:0 0 auto}.nav-scrolled{border-color:var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a09db}.nav-inner{justify-content:space-between;align-items:center;height:78px;display:flex}.brand{align-items:center;gap:11px;display:inline-flex}.brand-mark{width:32px;height:32px;font-family:var(--mono);border:1px solid #ffffff8c;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.brand-copy{flex-direction:column;line-height:1.05;display:flex}.brand-copy strong{font-family:var(--mono);font-size:14px;font-weight:500}.brand-copy small{color:#aeb2ac;font-family:var(--mono);margin-top:5px;font-size:8px}.nav-links{gap:36px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-links>a{color:#c3c7c1;font-size:13px;position:relative}.nav-links>a:after{content:"";background:var(--lime);height:1px;transition:transform .2s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.nav-links>a:hover{color:#fff}.nav-links>a:hover:after{transform:scaleX(1)}.nav-actions{align-items:center;gap:10px;display:flex}.contact-button,.nav-contact-mobile{cursor:pointer;background:#0000002e;border:1px solid #ffffff59;border-radius:3px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:13px;transition:background .2s;display:inline-flex}.contact-button:hover{color:var(--ink);background:#fff}.menu-button,.nav-contact-mobile{display:none}.hero{background:#050806;height:100svh;min-height:680px;position:relative;overflow:hidden}.hero-video,.hero-shade,.hero-lines{width:100%;height:100%;position:absolute;inset:0}.hero-video{object-fit:cover;filter:saturate(.78)contrast(1.08)}.hero-shade{background:linear-gradient(90deg,#050806e0 0%,#05080661 53%,#05080699 100%),linear-gradient(#05080638 55%,#080a09 100%)}.hero-lines{opacity:.18;background-image:linear-gradient(90deg,#0000 calc(25% - 1px),#ffffff52 25%,#0000 calc(25% + 1px) calc(50% - 1px),#ffffff52 50%,#0000 calc(50% + 1px) calc(75% - 1px),#ffffff52 75%,#0000 calc(75% + 1px))}.hero-inner{height:100%;position:relative}.hero-copy{max-width:850px;position:absolute;top:49%;left:0;transform:translateY(-50%)}.availability{color:#c8cdc6;font-family:var(--mono);align-items:center;gap:9px;margin-bottom:26px;font-size:11px;display:inline-flex}.availability span{background:var(--lime);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #c8ff3d1f}.hero h1{letter-spacing:0;margin:0;font-size:clamp(68px,9.4vw,144px);font-weight:800;line-height:.9}.hero-copy>p{color:#c3c8c1;max-width:610px;margin:30px 0 0;font-size:clamp(16px,1.25vw,20px);font-weight:300;line-height:1.85}.hero-actions{gap:12px;margin-top:36px;display:flex}.hero-side-note{color:#ffffff8c;font-family:var(--mono);gap:30px;font-size:9px;display:flex;position:absolute;top:48%;right:-74px;transform:rotate(90deg)}.hero-bottom{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:25px;left:0;right:0}.hero-feature{border-top:1px solid #ffffff5c;grid-template-columns:36px 42px 1fr 32px;align-items:center;gap:12px;min-width:430px;padding-top:18px;display:grid}.feature-index{color:#91978f;font-family:var(--mono);font-size:10px}.feature-icon{background:var(--orange);width:38px;height:38px;color:var(--ink);justify-content:center;align-items:center;display:inline-flex}.feature-text{flex-direction:column;display:flex}.feature-text strong{font-size:13px;font-weight:600}.feature-text small{color:#9ea49c;margin-top:4px;font-size:10px}.hero-feature a{border:1px solid var(--line);justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.video-control{color:#a9aea7;font-family:var(--mono);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:10px 0;font-size:9px;display:flex}.software{background:var(--paper);color:var(--ink)}.section-head{grid-template-columns:34% 66%;align-items:start;margin-bottom:85px;display:grid}.section-head h2{letter-spacing:0;max-width:800px;margin:0;font-size:clamp(42px,5.4vw,78px);font-weight:600;line-height:1.08}.section-head p{color:#5f655e;max-width:560px;margin:28px 0 0;font-size:16px;line-height:1.8}.featured-project{border:1px solid var(--dark-line);background:var(--white);grid-template-columns:38% 62%;min-height:650px;display:grid}.featured-copy{flex-direction:column;align-items:flex-start;padding:38px;display:flex}.project-kicker{color:#767d75;width:100%;font-family:var(--mono);justify-content:space-between;font-size:10px;display:flex}.featured-copy>div:nth-child(2){margin-top:auto}.project-icon{background:#d9ddd5;border-radius:2px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.project-icon.orange{background:var(--orange)}.project-icon.green{background:var(--green)}.project-icon.red{background:var(--red)}.project-icon.blue{background:var(--blue)}.project-icon.violet{background:var(--violet)}.project-icon.cyan{background:#25c9d0}.featured-copy h3{font-family:var(--mono);margin:22px 0 0;font-size:clamp(38px,4vw,62px);font-weight:500}.project-cn{color:#697068;margin:7px 0 0;font-size:13px}.project-desc{color:#3e443e;max-width:440px;margin:34px 0 0;font-size:15px;line-height:1.8}.feature-list{color:#565d55;gap:10px;margin:24px 0 30px;padding:0;font-size:12px;list-style:none;display:grid}.feature-list li{align-items:center;gap:9px;display:flex}.project-actions{flex-wrap:wrap;gap:10px;display:flex}.featured-visual{background:#222321;min-width:0;position:relative;overflow:hidden}.featured-visual:after{content:"";pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:0}.featured-visual img{object-fit:contain;width:100%;height:100%;transition:transform .9s var(--ease)}.featured-project:hover .featured-visual img{transform:scale(1.025)}.visual-caption{color:#bdc2bc;font-family:var(--mono);justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.directory-head{justify-content:space-between;align-items:center;margin:100px 0 28px;display:flex}.directory-head h3{margin:0;font-size:28px;font-weight:600}.filters{border:1px solid var(--dark-line);gap:4px;padding:3px;display:flex}.filters button{color:#697068;cursor:pointer;background:0 0;border:0;border-radius:2px;min-height:34px;padding:0 14px;font-size:11px}.filters button.active{background:var(--ink);color:#fff}.tool-list{border-top:1px solid var(--dark-line)}.tool-row{border-bottom:1px solid var(--dark-line);grid-template-columns:44px 52px 210px minmax(260px,1fr) 230px 120px;align-items:center;gap:20px;min-height:136px;transition:background .18s;display:grid}.tool-row:hover{background:#ffffffa6}.tool-number{color:#848a82;font-family:var(--mono);font-size:10px}.tool-title{flex-direction:column;display:flex}.tool-title strong{font-family:var(--mono);font-size:16px;font-weight:500}.tool-title span{color:#71776f;margin-top:5px;font-size:11px}.tool-row>p{color:#4f554f;margin:0;font-size:13px;line-height:1.65}.tool-meta{flex-wrap:wrap;gap:6px;display:flex}.tool-meta span,.tool-status{border:1px solid var(--dark-line);color:#616760;font-family:var(--mono);padding:5px 8px;font-size:9px}.tool-status{color:#252925;border:0;justify-self:end;padding:0}.principles{background:var(--ink)}.section-head.light .section-index{border-color:var(--line)}.section-head.light .section-label{color:#929891}.principle-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.principle{border-right:1px solid var(--line);min-height:350px;padding:34px 32px}.principle:last-child{border:0}.principle>span{color:#6f756e;font-family:var(--mono);margin-bottom:74px;font-size:10px;display:block}.principle>svg{color:var(--lime)}.principle h3{margin:25px 0 14px;font-size:20px;font-weight:500}.principle p{color:#969c95;max-width:350px;margin:0;font-size:13px;line-height:1.8}.build-proof{border:1px solid var(--line);background:#111411;grid-template-columns:58% 42%;margin-top:120px;display:grid}.proof-image{min-width:0;padding:26px 0 26px 26px;overflow:hidden}.proof-image img{object-fit:contain;object-position:center;filter:saturate(.82);width:100%;height:100%}.proof-copy{flex-direction:column;justify-content:center;padding:60px;display:flex}.proof-copy>span{color:var(--lime);font-family:var(--mono);font-size:10px}.proof-copy h3{margin:25px 0 20px;font-size:clamp(28px,2.7vw,38px);font-weight:500;line-height:1.3}.proof-copy p{color:#969c95;margin:0;font-size:13px;line-height:1.8}.about{background:var(--lime);color:var(--ink)}.about-grid{grid-template-columns:28% 46% 26%;align-items:start;display:grid}.about-mark{font-family:var(--mono);font-size:90px;line-height:1}.about-mark span{color:#fff}.about-copy h2{margin:27px 0 32px;font-size:clamp(42px,5vw,70px);font-weight:600;line-height:1.12}.about-copy p{color:#33372f;max-width:580px;margin:0 0 32px;font-size:15px;line-height:1.85}.about-copy .section-label{color:#515749}.about-stats{border-top:1px solid #080a0959;gap:0;display:grid}.about-stats>div{border-bottom:1px solid #080a0959;flex-direction:column;padding:25px 0;display:flex}.about-stats strong{font-family:var(--mono);font-size:28px;font-weight:500}.about-stats span{color:#4e5548;margin-top:6px;font-size:10px}.footer{background:#050605;padding:120px 0 28px}.footer-top{justify-content:space-between;align-items:flex-end;padding-bottom:100px;display:flex}.footer-top h2{margin:28px 0 0;font-size:clamp(42px,6vw,82px);font-weight:500;line-height:1.08}.footer-contact{background:var(--lime);width:90px;height:90px;color:var(--ink);cursor:pointer;transition:transform .3s var(--ease);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.footer-contact:hover{transform:rotate(-35deg)scale(1.05)}.footer-bottom{border-top:1px solid var(--line);color:#777d76;font-family:var(--mono);grid-template-columns:1fr auto auto auto;align-items:center;gap:48px;padding-top:24px;font-size:9px;display:grid}.footer-bottom .brand,.footer-bottom a:hover{color:#fff}.modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;justify-content:center;align-items:center;padding:24px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.contact-modal{background:var(--paper);width:min(600px,100%);max-height:calc(100svh - 48px);color:var(--ink);animation:modalIn .35s var(--ease);border:1px solid #ffffff4d;padding:48px;position:relative;overflow:auto}.modal-close{border-color:var(--dark-line);background:0 0;position:absolute;top:18px;right:18px}.contact-modal h2{margin:24px 0 13px;font-size:38px;line-height:1.2}.contact-modal>p,.success-state p{color:#656b64;font-size:13px;line-height:1.75}.contact-modal form{gap:17px;margin-top:28px;display:grid}.contact-modal label{color:#464c45;gap:8px;font-size:11px;display:grid}.contact-modal input,.contact-modal textarea{border:1px solid var(--dark-line);width:100%;color:var(--ink);resize:vertical;background:#ffffff94;border-radius:2px;outline:0;padding:13px 14px;transition:border-color .18s}.contact-modal input:focus,.contact-modal textarea:focus{border-color:var(--ink)}.contact-modal form .button{justify-self:start;margin-top:8px}.qq-group{border:1px solid var(--dark-line);background:var(--lime);justify-content:space-between;align-items:center;gap:24px;margin-top:26px;padding:22px;display:flex}.qq-group>div{flex-direction:column;min-width:0;display:flex}.qq-group>div>span{font-size:11px}.qq-group strong{font-family:var(--mono);margin-top:5px;font-size:30px;font-weight:500}.qq-group small{color:#4f5548;margin-top:5px;font-size:10px}.qq-group button{background:var(--ink);min-width:108px;min-height:42px;color:var(--white);cursor:pointer;border:0;border-radius:2px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:11px;display:inline-flex}.form-divider{color:#777d76;align-items:center;gap:14px;margin-top:27px;font-size:10px;display:flex}.form-divider:before,.form-divider:after{content:"";background:var(--dark-line);flex:1;height:1px}.success-state{text-align:center;padding:35px 0 15px}.success-state>span{background:var(--lime);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:inline-flex}.success-state h2{margin-top:24px}.success-state p{max-width:400px;margin:0 auto 28px}@keyframes fadeIn{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.98)}}@media (width<=1100px){:root{--shell:min(100% - 48px, 1440px)}.tool-row{grid-template-columns:38px 48px 180px 1fr 120px}.tool-meta{display:none}.featured-project{grid-template-columns:44% 56%}.about-grid{grid-template-columns:22% 52% 26%}}@media (width<=780px){:root{--shell:calc(100% - 36px)}.section{padding:86px 0}.nav-inner{height:68px}.nav-links{border-bottom:1px solid var(--line);background:#080a09f7;padding:26px 18px 30px;display:none;position:fixed;inset:68px 0 auto;transform:none}.nav-links.is-open{gap:0;display:grid}.nav-links>a{border-bottom:1px solid var(--line);padding:16px 0;font-size:15px}.nav-contact-mobile{background:var(--lime);color:var(--ink);border:0;justify-content:space-between;margin-top:18px;display:inline-flex}.contact-button{display:none}.menu-button{display:inline-flex}.hero{min-height:720px}.hero h1{font-size:clamp(58px,19vw,90px)}.hero-copy{width:100%;top:44%}.hero-copy>p{width:100%;max-width:100%;margin-top:24px;font-size:15px}.hero-actions{margin-top:28px}.hero-side-note{display:none}.hero-bottom{bottom:20px}.hero-feature{grid-template-columns:26px 40px 1fr 30px;width:100%;min-width:0}.video-control{display:none}.section-head{grid-template-columns:1fr;gap:34px;margin-bottom:54px}.section-head h2{font-size:clamp(38px,12vw,58px)}.featured-project{grid-template-columns:1fr;min-height:0}.featured-copy{min-height:570px;padding:28px}.featured-visual{aspect-ratio:1812/1406;min-height:0}.directory-head{flex-direction:column;align-items:flex-start;gap:20px;margin-top:70px}.filters{width:100%}.filters button{flex:1;padding:0 8px}.tool-row{grid-template-columns:34px 46px 1fr auto;gap:12px;padding:24px 0}.tool-row>p{grid-column:3/-1}.tool-status{grid-column:3/-1;justify-self:start}.principle-grid{grid-template-columns:1fr}.principle{border-right:0;border-bottom:1px solid var(--line);min-height:300px}.principle:last-child{border-bottom:0}.principle>span{margin-bottom:52px}.build-proof{grid-template-columns:1fr;margin-top:75px}.proof-image{aspect-ratio:2048/988;min-height:0;padding:16px 0 0 16px}.proof-copy{padding:38px 28px 42px}.about-grid{grid-template-columns:1fr;gap:52px}.about-mark{font-size:66px}.about-copy h2{font-size:clamp(38px,12vw,58px)}.about-stats{grid-template-columns:repeat(3,1fr)}.about-stats>div{padding-right:10px}.about-stats strong{font-size:17px}.footer{padding-top:85px}.footer-top{flex-direction:column;align-items:flex-start;gap:45px;padding-bottom:70px}.footer-contact{width:72px;height:72px}.footer-bottom{grid-template-columns:1fr 1fr;gap:24px 12px}.contact-modal{padding:42px 24px 28px}.contact-modal h2{font-size:30px}.qq-group{flex-direction:column;align-items:stretch;gap:16px}.qq-group button{width:100%}}@media (width<=430px){.brand-copy small{display:none}.hero-actions{width:100%}.hero-actions .button{flex:1;padding:0 14px}.hero h1{font-size:56px}.hero-feature{grid-template-columns:24px 38px 1fr}.hero-feature a{display:none}.featured-visual{min-height:0}.about-stats,.footer-bottom{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.hero-video{display:none}.hero{background:#071008 url(/media/hero-poster.jpg) 50%/cover no-repeat}}