:root{--bg:#07090b;--panel:#101419;--text:#f4f5f2;--muted:#a1a8ad;--line:#252b30;--accent:#d8ff3e;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(7,9,11,.9);backdrop-filter:blur(14px)}.logo{font-size:19px;font-weight:900;letter-spacing:.05em}.logo span{color:var(--accent)}nav{display:flex;align-items:center;gap:27px;font-size:12px;letter-spacing:.08em}nav a{color:#cbd0d4}nav a:hover{color:var(--accent)}select{background:#0d1115;color:#dfe3e5;border:1px solid #30373d;padding:7px 9px;font-size:12px}#menu{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:calc(100vh - 76px);max-width:var(--max);margin:auto;padding:120px 40px;display:flex;align-items:center;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:3;max-width:850px}.kicker,.label{font-size:11px;letter-spacing:.2em;color:var(--accent);font-weight:800}.hero h1{font-size:clamp(50px,8vw,100px);line-height:1;letter-spacing:-.06em;margin:18px 0 25px}.hero h1 em,h2 em,.statement em{color:var(--accent);font-style:normal}.hero p:not(.kicker){max-width:590px;color:var(--muted);font-size:17px}.btn{display:inline-block;margin-top:25px;padding:14px 19px;background:var(--accent);color:#07090b;font-weight:900;font-size:12px;letter-spacing:.08em}.shape{position:absolute;border:1px solid rgba(216,255,62,.16);border-radius:50%}.s1{width:520px;height:520px;right:-80px;top:12%;box-shadow:inset 0 0 120px rgba(216,255,62,.04)}.s2{width:280px;height:280px;right:140px;top:31%;border-color:rgba(90,180,255,.18)}.section{max-width:var(--max);margin:auto;padding:120px 40px;border-top:1px solid var(--line)}.intro{display:grid;grid-template-columns:150px 1fr;gap:50px}.section h2{font-size:clamp(42px,6vw,75px);line-height:1.02;letter-spacing:-.05em;margin:0 0 25px}.intro p{max-width:620px;color:var(--muted);font-size:17px}.section-head{display:flex;justify-content:space-between;gap:40px;margin-bottom:50px}.section-head>p{color:var(--muted);max-width:300px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-grid article{background:var(--panel);border:1px solid var(--line)}.project-art{height:300px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:25px}.project-art span{font-size:31px;font-weight:900;line-height:.9;position:relative;z-index:2}.a1{background:radial-gradient(circle at 55% 45%,#227eaa,#10283d 45%,#080b0f)}.a2{background:radial-gradient(circle at 50% 40%,#65552d,#17150e 55%,#080a0b)}.a3{background:radial-gradient(circle at 45% 50%,#513c6d,#171326 55%,#08090c)}.project-art:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-50px;top:-30px}.project-info{padding:22px}.project-info small{color:var(--accent);font-size:10px;letter-spacing:.15em}.project-info h3{margin:7px 0;font-size:22px}.project-info p{margin:0;color:var(--muted);font-size:14px}.statement{padding:110px 5vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;font-size:clamp(36px,6vw,82px);font-weight:900;letter-spacing:-.06em}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact p{color:var(--muted)}.mail{font-size:22px;font-weight:800}.legal-title{max-width:var(--max);margin:auto;padding:100px 40px 60px;border-bottom:1px solid var(--line)}.legal-title h1{font-size:clamp(50px,7vw,90px);line-height:1;margin:18px 0}.legal-title p{color:var(--muted)}.legal{max-width:850px;margin:auto;padding:55px 40px 120px}.legal h2{font-size:22px;margin:45px 0 12px}.legal h3{font-size:17px;margin:30px 0 8px}.legal p,.legal li{color:#b7bec3}.legal ul{padding-left:22px}.legal a{color:var(--accent)}.notice{padding:20px;border:1px solid #374047;background:#0e1216;margin:30px 0;color:#c1c7cb}.notice strong{color:var(--accent)}
footer {
  padding: 34px 5vw 26px;
  border-top: 1px solid var(--line);
  color: #737c82;
  font-size: 12px;
}
.footer-main {
  max-width: var(--max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 40px;
}
.footer-links {
  display: flex;
  align-items: center;
  gap: 28px;
}
.footer-links a {
  white-space: nowrap;
}
.footer-bottom {
  max-width: var(--max);
  margin: 22px auto 0;
  padding-top: 18px;
  border-top: 1px solid rgba(37,43,48,.65);
  text-align: center;
}
.footer-bottom p {
  margin: 0;
}
.footer-icp {
  margin-top: 7px;
  font-size: 12px;
  line-height: 1.6;
}
.footer-icp a {
  color: inherit;
  text-decoration: none;
}
.footer-icp a:hover {
  text-decoration: underline;
}
@media(max-width:760px){header{height:65px}.nav-open nav{display:flex}#menu{display:block}header nav{display:none;position:absolute;top:65px;left:0;right:0;background:#0b0e11;padding:20px 25px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.hero{min-height:calc(100vh - 65px);padding:80px 25px}.hero h1{font-size:54px}.hero p:not(.kicker){font-size:15px}.s1{right:-230px}.s2{right:-40px}.section{padding:80px 25px}.intro,.contact{display:block}.intro>div+div{margin-top:30px}.section-head{display:block}.section-head>p{margin-top:25px}.project-grid{grid-template-columns:1fr}.project-art{height:250px}.legal-title{padding:75px 25px 45px}.legal{padding:45px 25px 80px}.legal h2{font-size:20px}footer { padding: 28px 25px 22px; }
.footer-main { display: block; }
.footer-links { margin-top: 20px; gap: 22px; flex-wrap: wrap; }
.footer-bottom { margin-top: 20px; padding-top: 16px; text-align: left; }
.footer-icp { margin-top: 7px; }}
