@font-face{font-family:Smiley;src:url('assets/fonts/smiley-sans-display.woff2') format('woff2');font-display:swap}
:root{--ink:#0d0f0e;--paper:#e9e9e5;--muted:#9a9d97;--line:rgba(255,255,255,.16);--signal:#c8e600;--white:#f3f4ef;--max:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Arial,'Microsoft YaHei',sans-serif;line-height:1.65}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:var(--signal);color:#10120c;padding:.75rem 1rem}.skip-link:focus{top:1rem}.site-header{height:82px;position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,68px);border-bottom:1px solid rgba(255,255,255,.18)}.brand{display:flex;align-items:center;gap:12px;min-height:44px}.brand svg{width:38px;fill:none;stroke:var(--signal);stroke-width:1.4}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand strong{font-size:15px;letter-spacing:.04em}.brand small{font-size:10px;color:#adb0aa;letter-spacing:.22em;margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:clamp(18px,2.2vw,38px);font-size:13px}.desktop-nav a{min-height:44px;display:flex;align-items:center;color:#d6d8d3}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--signal)}.menu-button{display:none;background:none;border:0;color:white;min-width:54px;min-height:44px;cursor:pointer}.menu-button i{display:block;width:28px;border-top:1px solid currentColor;margin-top:5px}.mobile-nav{position:fixed;inset:0;z-index:100;background:#0d0f0e;padding:28px;outline:0}.mobile-nav .nav-close{float:right;min-width:64px;min-height:44px;background:none;border:1px solid #51544f;color:white}.mobile-nav nav{clear:both;display:flex;flex-direction:column;padding-top:10vh}.mobile-nav a{font-family:Smiley,Arial,sans-serif;font-size:clamp(34px,10vw,58px);line-height:1.35;border-bottom:1px solid #343731;padding:12px 0}.mobile-nav a:focus-visible,.nav-close:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#080908}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,5,.94) 0%,rgba(5,6,5,.72) 40%,rgba(5,6,5,.1) 75%),linear-gradient(0deg,rgba(5,6,5,.85),transparent 42%)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;aspect-ratio:1}.orbit-a{width:58vw;left:22vw;top:7vh}.orbit-b{width:35vw;left:33vw;top:23vh}.hero-copy{position:relative;z-index:2;width:min(780px,70vw);padding:0 0 clamp(54px,8vh,100px) clamp(22px,5vw,80px)}.hero-coordinate{font-family:monospace;color:#b8bbb4;font-size:11px;letter-spacing:.18em}.hero h1{font-family:Smiley,'Microsoft YaHei',sans-serif;font-size:clamp(58px,7.5vw,118px);line-height:.92;letter-spacing:-.035em;margin:.25em 0 .35em;font-weight:400}.hero h1 em{font-style:normal;color:var(--signal)}.hero-copy>p:not(.hero-coordinate){max-width:570px;color:#c8cbc5;font-size:clamp(16px,1.25vw,19px)}.text-link{display:inline-flex;align-items:center;gap:42px;border-bottom:1px solid rgba(255,255,255,.45);padding:12px 0;min-height:44px;font-weight:700;margin-top:14px}.text-link span{color:var(--signal)}.text-link:hover,.text-link:focus-visible{border-color:var(--signal)}.hero-index{position:absolute;right:3.5vw;bottom:5vh;z-index:2;display:flex;gap:28px;font-size:11px;color:#9da09a;writing-mode:vertical-rl}.section{position:relative;max-width:var(--max);margin:0 auto;padding:clamp(90px,11vw,170px) clamp(22px,5vw,80px)}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:70px}.section-heading>p,.quality-copy>p:first-child,.green-copy>p:first-child,.contact-intro>p:first-child{margin:0;color:#696c67;font-family:monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.section-heading h2,.quality h2,.green h2,.contact h2{font-family:Smiley,'Microsoft YaHei',sans-serif;font-size:clamp(44px,5.7vw,88px);line-height:1.05;letter-spacing:-.03em;font-weight:400;margin:0;color:#121411}.capability{background:var(--paper);color:#151713;max-width:none;padding-left:max(22px,calc((100vw - var(--max))/2 + 80px));padding-right:max(22px,calc((100vw - var(--max))/2 + 80px))}.feature-image{width:68%;margin:0 0 0 auto;position:relative}.feature-image img{aspect-ratio:16/10;object-fit:cover}.feature-image figcaption{font-size:12px;color:#6d706b;border-top:1px solid #b6b8b3;padding-top:10px;margin-top:12px}.capability-copy{display:grid;grid-template-columns:1.25fr 1fr;gap:9vw;width:74%;margin:70px 0 0 auto}.lead{font-size:clamp(22px,2.3vw,35px);line-height:1.4;margin:0}.capability-copy>p:last-child{color:#5b5e58;margin:6px 0 0}.process{overflow:hidden}.section-heading.light h2{color:var(--white)}.section-heading.light>p{color:var(--signal)}.shaft-line{position:absolute;top:19%;bottom:10%;left:50%;width:1px;background:#454843}.shaft-line i{position:absolute;left:-6px;width:13px;height:13px;border-radius:50%;background:var(--ink);border:2px solid var(--signal)}.shaft-line i:nth-child(1){top:7%}.shaft-line i:nth-child(2){top:36%}.shaft-line i:nth-child(3){top:66%}.shaft-line i:nth-child(4){top:95%}.process-step{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:520px;border-top:1px solid #30332f}.process-step>div{padding:clamp(35px,6vw,90px)}.process-step img{height:100%;min-height:520px;object-fit:cover}.process-step span{font-family:monospace;color:var(--signal);font-size:12px;letter-spacing:.14em}.process-step h3{font-family:Smiley,'Microsoft YaHei',sans-serif;font-size:clamp(30px,3.4vw,54px);line-height:1.15;font-weight:400;margin:.7em 0 .45em}.process-step p{color:#aeb1aa;max-width:480px}.quality{max-width:none;background:#171a17;display:grid;grid-template-columns:1.15fr .85fr;padding:0}.quality-visual{position:relative;min-height:720px}.quality-visual img{height:100%;object-fit:cover}.scan-line{position:absolute;top:0;bottom:0;left:62%;width:2px;background:linear-gradient(transparent,var(--signal),transparent);box-shadow:0 0 24px var(--signal)}.quality-copy{padding:clamp(70px,10vw,150px) clamp(30px,7vw,110px);align-self:center}.quality-copy>p:first-child{color:var(--signal)}.quality h2{color:var(--white);margin:.3em 0 .5em}.quality-copy .lead{font-size:clamp(20px,2vw,30px);color:#e0e2dc}.quality-copy>p:last-child{color:#a6aaa3}.application{background:var(--paper);color:#151713;max-width:none;padding-left:max(22px,calc((100vw - var(--max))/2 + 80px));padding-right:max(22px,calc((100vw - var(--max))/2 + 80px))}.application-image{margin:0}.application-image img{aspect-ratio:16/7;object-fit:cover}.application-note{margin:45px 0 0 auto;width:58%;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end;color:#555852}.text-link.dark{border-color:#8b8e88;color:#111;margin:0}.green{max-width:none;padding:0;min-height:780px;display:flex;align-items:flex-end;overflow:hidden}.green-image{position:absolute;inset:0}.green-image img{height:100%;object-fit:cover}.green-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,8,.88),rgba(7,9,8,.25)),linear-gradient(0deg,rgba(7,9,8,.84),transparent 55%)}.green-copy{position:relative;z-index:1;width:min(720px,80vw);padding:clamp(70px,8vw,120px) clamp(22px,6vw,96px)}.green-copy>p:first-child{color:var(--signal)}.green h2{color:var(--white);margin:.3em 0}.green-copy>p:last-child{color:#c6c9c3}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.contact h2{color:var(--white);margin:.3em 0}.contact-intro>p:last-of-type{color:#a6aaa3}.contact address{font-style:normal;color:var(--signal);margin-top:40px}.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:32px 28px}.inquiry-form label{display:flex;flex-direction:column;font-size:12px;color:#aeb1aa}.inquiry-form .full{grid-column:1/-1}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{color:#fff;background:transparent;border:0;border-bottom:1px solid #555852;border-radius:0;min-height:48px;padding:10px 0;outline:none}.inquiry-form textarea{resize:vertical}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:var(--signal)}.inquiry-form select option{background:#111}.inquiry-form button{grid-column:1/-1;justify-self:end;min-width:220px;min-height:52px;background:var(--signal);border:0;color:#10120c;font-weight:700;cursor:pointer;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.form-status{grid-column:1/-1;color:#dfe1dc;margin:0;min-height:26px}footer{max-width:var(--max);margin:auto;border-top:1px solid #343733;padding:42px clamp(22px,5vw,80px);display:grid;grid-template-columns:1.3fr 1fr auto;gap:40px;align-items:end;color:#8e918b;font-size:12px}.footer-brand{display:flex;flex-direction:column;gap:7px}.footer-brand strong{color:#f0f1ec;font-size:14px}.footer-brand span{letter-spacing:.08em}footer nav{display:flex;flex-wrap:wrap;gap:18px}footer a{min-height:44px;display:flex;align-items:center}footer a:hover,footer a:focus-visible{color:var(--signal)}footer>p{margin:0;white-space:nowrap}
@media(max-width:900px){.desktop-nav{display:none}.menu-button{display:block}.site-header{height:70px}.hero-copy{width:90vw}.hero-index{display:none}.section-heading{grid-template-columns:1fr;gap:16px}.capability-copy{width:100%;grid-template-columns:1fr;gap:24px}.feature-image{width:88%}.process-step{min-height:0}.process-step img{min-height:420px}.process-step>div{padding:45px 30px}.quality{grid-template-columns:1fr}.quality-visual{min-height:560px}.application-note{width:78%;grid-template-columns:1fr}.contact{grid-template-columns:1fr;gap:70px}footer{grid-template-columns:1fr 1fr}footer>p{grid-column:1/-1}}
@media(max-width:600px){.brand strong{font-size:13px}.brand small{display:none}.hero{min-height:820px}.hero>img{object-position:62% center}.hero-shade{background:linear-gradient(0deg,rgba(5,6,5,.96) 0%,rgba(5,6,5,.62) 58%,rgba(5,6,5,.18))}.hero-copy{padding-left:22px;padding-bottom:60px;width:94vw}.hero h1{font-size:clamp(52px,16vw,72px)}.orbit-a{width:120vw;left:-20vw}.orbit-b{width:90vw;left:8vw}.section{padding:90px 22px}.section-heading{margin-bottom:44px}.feature-image{width:calc(100% + 22px);margin-right:-22px}.capability-copy{margin-top:44px}.shaft-line{left:22px;top:16%}.process-step{display:flex;flex-direction:column;margin-left:12px}.process-step:nth-of-type(even){flex-direction:column}.process-step img{min-height:0;height:auto;aspect-ratio:4/3}.process-step>div{order:1;padding:40px 18px}.process-step img{order:2}.quality-visual{min-height:420px}.quality-copy{padding:70px 22px}.application-image{margin:0 -22px}.application-image img{aspect-ratio:4/3}.application-note{width:100%;gap:26px}.green{min-height:680px}.green-copy{width:100vw}.contact{padding-top:80px}.inquiry-form{grid-template-columns:1fr}.inquiry-form .full,.inquiry-form button,.form-status{grid-column:1}.inquiry-form button{justify-self:stretch}footer{grid-template-columns:1fr;padding:36px 22px}.footer-brand,footer nav,footer>p{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.hero h1{font-size:clamp(58px,7vw,96px)}
.section-heading>p,.feature-image figcaption{color:#62655f}
.quality-copy>p:first-of-type,.green-copy>p:first-of-type,.contact-intro>p:first-of-type{color:#aeb1aa}
.scan-line{animation:trace-scan 1.2s cubic-bezier(.16,1,.3,1) .3s 1 both}
@keyframes trace-scan{from{transform:translateX(-9vw);opacity:0}to{transform:translateX(0);opacity:1}}
::selection{background:var(--signal);color:#0d0f0e}
input,select,textarea{caret-color:var(--signal)}
input[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:#ff846f;box-shadow:0 2px 0 #ff846f}
*{scrollbar-color:#6f8010 #171a17;scrollbar-width:thin}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#171a17}::-webkit-scrollbar-thumb{background:#6f8010;border:2px solid #171a17}
footer{color:#9a9d97}
