.hero{padding:72px 0 48px}.hero-inner{display:grid;grid-template-columns:1.4fr .8fr;grid-gap:56px;gap:56px;align-items:center}.hero-title{font-size:clamp(38px,6vw,68px);font-weight:600;line-height:1.04;letter-spacing:-.02em;margin:18px 0 20px}.hero-title .accent{color:var(--accent)}.hero-sub{color:var(--ink-dim);font-size:18px;max-width:44ch;margin-bottom:30px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.qr-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;text-align:center;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}.qr-frame{background:var(--ink);border-radius:10px;padding:14px;line-height:0}.qr-frame svg{width:100%;height:auto;display:block}.qr-label{margin-top:14px;font-size:12px;letter-spacing:.14em;color:var(--accent)}.projects{padding:40px 0 56px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:22px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;transition:transform .18s ease,border-color .18s ease}.card:hover{transform:translateY(-3px);border-color:rgba(56,225,196,.45)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-n{color:var(--accent);font-size:13px;font-weight:600}.card-tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}.card-name{font-size:21px;font-weight:600;margin-bottom:8px}.card-desc{color:var(--ink-dim);font-size:14.5px;line-height:1.5}.closer{padding:56px 0}.closer-inner{background:linear-gradient(135deg,rgba(56,225,196,.1),rgba(77,141,255,.08));border:1px solid rgba(56,225,196,.3);border-radius:18px;padding:48px 40px;text-align:center;box-shadow:0 10px 34px -10px rgba(56,225,196,.3),0 2px 10px -3px #00000055}.closer-title{font-size:clamp(26px,4vw,38px);font-weight:600;letter-spacing:-.01em}.closer-sub{color:var(--ink-dim);max-width:50ch;margin:14px auto 26px;font-size:17px}.foot{border-top:1px solid var(--line);padding:22px 0}.foot-inner{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-dim);flex-wrap:wrap;gap:8px}@media (max-width:860px){.hero-inner{grid-template-columns:1fr;gap:36px}.qr-card{max-width:320px}.grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.grid{grid-template-columns:1fr}.closer-inner{padding:34px 22px}}