:root{--bg: #ffffff;--bg-soft: #f6f8fa;--border: #d0d7de;--text: #1f2328;--text-dim: #59636e;--green: #0f766e;--green-dim: #115e59;--green-soft: rgba(15, 118, 110, .08);--lime: #7a8a1f;--blue: #0969da;--purple: #8250df;--red: #cf222e;--yellow: #9a6700;--dark: #0a0f16;--dark-soft: #101722;--dark-border: #223040;--dark-text: #e6ecf2;--dark-dim: #8494a5;--teal-bright: #52d0bd;--blue-on-dark: #6cb6ff;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:var(--green-soft);color:var(--green)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.mono{font-family:var(--font-mono)}.container{max-width:1060px;margin:0 auto;padding:0 24px}.topbar{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px dashed var(--border)}.topbar-inner{max-width:1060px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:14px}.topbar .logo{font-weight:700;font-size:16px;display:flex;align-items:center;gap:9px}.topbar .try-link{font-weight:700;color:#fff;background:var(--green);padding:6px 16px;border-radius:8px;border:1px solid #000000;box-shadow:0 1px 3px #1f23281f;transition:transform .12s ease,background .12s ease}.topbar .try-link:hover{background:var(--green-dim);transform:translateY(-1px)}.btn-try{display:inline-block;font-family:var(--font-mono);font-size:16px;font-weight:700;color:#fff;background:var(--green);padding:14px 30px;border-radius:8px;border:1px solid #000000;box-shadow:0 1px 3px #1f23281f;transition:transform .12s ease,background .12s ease}.btn-try:hover{background:var(--green-dim);transform:translateY(-1px)}.btn-ghost{font-family:var(--font-mono);font-size:13.5px;background:transparent;color:var(--text);border:1px solid #000000;border-radius:8px;padding:9px 18px}.btn-ghost:hover{border-color:var(--text-dim)}.hero-zone{position:relative}.hero-zone>.container{position:relative;z-index:1}.gh-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;color:#6e7781;mask-image:linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent)}.gh-bg svg{position:absolute}.hero{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:140px 0 110px}@media (max-width: 800px){.hero{flex-direction:column;align-items:flex-start;gap:8px}}.hero h1{font-size:clamp(38px,5vw,56px);font-weight:800;letter-spacing:-.03em;line-height:1.08;max-width:720px;margin:0 0 20px}.hero h1 em{font-style:normal;color:var(--green)}.hero .sub{font-size:18.5px;color:var(--text-dim);max-width:520px;margin:0}.gh-card{background:var(--bg-soft);border:1px solid #000000;border-radius:8px;padding:16px;font-size:13.5px}.gh-repo-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gh-repo-line .repo-ic{color:var(--text-dim)}.gh-repo-line .rname{font-family:var(--font-mono);color:var(--blue);font-weight:600;font-size:14px}.gh-repo-line .rname:hover{text-decoration:underline}.gh-visibility{font-size:11px;color:var(--text-dim);border:1px solid var(--border);border-radius:99px;padding:1px 8px}.gh-desc{color:var(--text-dim);margin:6px 0 10px;font-size:13px}.gh-meta{display:flex;align-items:center;gap:16px;color:var(--text-dim);font-size:12px}.gh-meta .lang{display:flex;align-items:center;gap:5px}.langdot{width:10px;height:10px;border-radius:99px;display:inline-block}.gh-intent{margin-left:auto;font-family:var(--font-mono);font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--green);color:#fff;white-space:nowrap}.gh-intent.off{background:transparent;border:1px solid var(--border);color:var(--text-dim)}.gh-commit{display:flex;align-items:center;gap:10px;font-size:13px}.gh-commit .hash{font-family:var(--font-mono);font-size:12px;color:#0550ae;background:#0969da14;border-radius:5px;padding:1px 7px}.gh-commit .msg{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gh-commit .when{margin-left:auto;color:var(--text-dim);font-size:12px;white-space:nowrap}.gh-commit .check{color:var(--green);font-size:12px}.app-frame{background:var(--dark);border:1px solid #000000;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px #1f232840}.app-bar{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid var(--dark-border);background:var(--dark-soft)}.app-bar .dots{display:flex;gap:7px}.app-bar .d{width:11px;height:11px;border-radius:99px;background:var(--dark-border)}.app-bar .url{margin:0 auto;font-family:var(--font-mono);font-size:12px;color:var(--dark-dim);background:var(--dark);border:1px solid var(--dark-border);border-radius:99px;padding:2px 18px}.app-bar .spacer{width:47px}.video-wrap{padding:80px 0 60px}.how{text-align:center;padding:72px 0 20px}.how h2{font-size:clamp(26px,3.5vw,34px);font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.how .intro{color:var(--text-dim);font-size:16.5px;max-width:680px;margin:0 auto 44px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;text-align:left}.step{background:var(--bg-soft);border:1px solid #000000;border-radius:8px;padding:24px}.step .tag{font-family:var(--font-mono);font-size:12px;color:var(--green);background:var(--green-soft);display:inline-block;padding:2px 10px;border-radius:6px;margin-bottom:14px}.step h3{font-size:18px;margin-bottom:6px}.step p{font-size:14.5px;color:var(--text-dim)}.step .art{font-family:var(--font-mono);font-size:13px;margin-top:18px;background:var(--bg);border:1px solid #000000;border-radius:8px;padding:12px 14px;color:var(--text-dim);line-height:1.8;overflow:hidden;white-space:nowrap}.step .art .g{color:var(--green)}.step .art .b{color:var(--blue)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:84px 0}.feature.rev .f-copy{order:2}.feature.rev .f-visual{order:1}.f-copy .eyebrow{font-family:var(--font-mono);font-size:13px;color:var(--text-dim);margin-bottom:12px}.f-copy h2{font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:14px}.f-copy h2 code{font-family:var(--font-mono);font-size:.85em;color:inherit}.f-copy p{color:var(--text-dim);font-size:16.5px}.f-copy p b{color:var(--text)}@media (max-width: 800px){.feature{grid-template-columns:1fr;gap:28px;padding:56px 0}.feature.rev .f-copy{order:1}.feature.rev .f-visual{order:2}}.repo-mock{display:flex;flex-direction:column;gap:12px}.repo-mock .gh-card.hit{border-color:#46d16073}.email-card{background:var(--bg-soft);border:1px solid #000000;border-radius:8px;overflow:hidden}.email-card .head{font-family:var(--font-mono);font-size:12.5px;color:var(--text-dim);padding:14px 18px;border-bottom:1px solid var(--border);line-height:1.8}.email-card .head b{color:var(--text);font-weight:500}.email-card .body{padding:18px;font-size:14.5px;white-space:pre-line}.email-card .body .hl{background:var(--green-soft);color:var(--green);padding:0 4px;border-radius:4px}.team{text-align:center;padding:72px 24px 88px;border-top:1px dashed var(--border)}.team h2{font-size:22px;font-weight:700;margin-bottom:8px}.team .team-sub{color:var(--text-dim);font-size:15px;margin-bottom:40px}.team-grid{display:flex;justify-content:center;gap:72px;flex-wrap:wrap}.member img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:1px solid var(--border);margin-bottom:14px}.member .name{font-weight:600;font-size:15.5px}.member .bio{color:var(--text-dim);font-size:13.5px;max-width:230px;margin:3px auto 10px}.member .links{font-family:var(--font-mono);font-size:12.5px}.member .links a{color:var(--green)}.member .links a:hover{text-decoration:underline}.footer{border-top:1px dashed var(--border);padding:24px 0 38px;font-family:var(--font-mono);font-size:12.5px;color:var(--text-dim)}.try-wrap{max-width:460px;margin:70px auto;padding:0 24px}.try-card h1{font-size:26px;letter-spacing:-.01em;margin-bottom:10px}.try-card .sub{color:var(--text-dim);font-size:15px;margin-bottom:30px}.field{margin-bottom:18px}.field label{display:block;font-family:var(--font-mono);font-size:12.5px;margin-bottom:7px;color:var(--text-dim)}.field input,.field textarea{width:100%;background:var(--bg-soft);border:1px solid #000000;border-radius:8px;padding:11px 14px;color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:border-color .15s}.field input:focus,.field textarea:focus{border-color:var(--green-dim)}.field .hint{font-size:12.5px;color:var(--text-dim);margin-top:5px}.confirm{padding-top:10px}.confirm .check{font-family:var(--font-mono);color:var(--green);font-size:15px;margin-bottom:16px}.confirm h1{font-size:24px;margin-bottom:12px}.confirm p{color:var(--text-dim);font-size:15px;margin-bottom:10px}.confirm .pos{font-family:var(--font-mono);font-size:13.5px;color:var(--green);background:var(--green-soft);display:inline-block;padding:6px 14px;border-radius:6px;margin:14px 0 20px}.admin{padding:48px 0}.admin h1{font-size:24px}.admin .meta{color:var(--text-dim);font-size:14px;margin-top:4px}.admin table{width:100%;border-collapse:collapse;font-size:14px;margin-top:28px}.admin th,.admin td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border)}.admin th{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);font-weight:500}.admin .empty{color:var(--text-dim);margin-top:26px}.badge{display:inline-block;font-family:var(--font-mono);font-size:11.5px;padding:2px 10px;border-radius:6px;color:var(--green);border:1px solid rgba(70,209,96,.4);background:var(--green-soft)}