.gk-hero{position:relative;padding:88px 32px 72px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse 1100px 500px at 50% 0%,oklch(from var(--info) l c h / .06) 0%,transparent 60%),linear-gradient(transparent 0,transparent calc(100% - 1px),var(--line-2) 100%),linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),var(--line-2) 100%);background-size:100% 100%,48px 48px,48px 48px}.gk-hero .container{padding:0}.gk-hero h1{font-size:60px;letter-spacing:-.035em;line-height:1.02;margin:0 0 18px;max-width:920px;text-wrap:pretty}.gk-hero h1 em{color:var(--fg-3)}.gk-hero .lede{font-size:17px;color:var(--fg-2);max-width:640px;margin:0 0 28px;line-height:1.55}.gk-flow{display:grid;grid-template-columns:repeat(5,1fr) auto;align-items:stretch;gap:0;margin-top:18px}.gk-step{position:relative;background:var(--panel);border:1px solid var(--line);border-right:0;padding:20px 22px;min-height:140px}.gk-step:first-child{border-radius:10px 0 0 10px}.gk-step:nth-last-child(2){border-right:1px solid var(--line);border-radius:0 10px 10px 0}.gk-step .num{font-family:var(--font-mono);font-size:10px;color:var(--fg-4);letter-spacing:.08em;display:flex;align-items:center;gap:6px;margin-bottom:12px}.gk-step .num .dot{width:7px;height:7px;border-radius:50%;background:var(--info);display:inline-block}.gk-step h3{font-size:14.5px;font-weight:600;letter-spacing:-.012em;margin:0 0 6px}.gk-step p{font-size:12.5px;color:var(--fg-2);line-height:1.5;margin:0}.gk-step .cmd{font-family:var(--font-mono);font-size:11px;color:var(--info);background:oklch(from var(--info) l c h / .05);border:1px solid oklch(from var(--info) l c h / .18);border-radius:5px;padding:5px 8px;margin-top:10px;display:block;word-break:break-all}@media(max-width:1100px){.gk-flow{grid-template-columns:1fr 1fr}.gk-step{border-radius:0;border-right:1px solid var(--line)!important}.gk-step:first-child{border-radius:10px 10px 0 0}.gk-step:last-child{border-radius:0 0 10px 10px}}.gk-modes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.gk-mode{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:24px 26px}.gk-mode .cap{font-family:var(--font-mono);font-size:10px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;display:flex;align-items:center;gap:8px}.gk-mode .cap .pill{font-family:var(--font-mono);font-size:10px;padding:2px 7px;border-radius:4px;text-transform:none;letter-spacing:0}.gk-mode.self .cap .pill{color:var(--ok);background:oklch(from var(--ok) l c h / .12)}.gk-mode.approve .cap .pill{color:var(--info);background:oklch(from var(--info) l c h / .12)}.gk-mode h3{font-size:18px;font-weight:600;letter-spacing:-.014em;margin:0 0 8px}.gk-mode p{font-size:13.5px;color:var(--fg-2);line-height:1.55;margin:0}.gk-mode ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--fg-2)}.gk-mode ul li{display:flex;gap:8px;align-items:flex-start}.gk-mode ul li:before{content:"·";color:var(--fg-4);font-family:var(--font-mono);font-weight:600;flex-shrink:0}.gk-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:24px}.gk-control{background:var(--panel);padding:22px}.gk-control .name{font-family:var(--font-mono);font-size:10px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.gk-control h4{font-size:14px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}.gk-control p{font-size:12.5px;color:var(--fg-2);line-height:1.5;margin:0}.gk-control .demo{font-family:var(--font-mono);font-size:11px;color:var(--fg-3);margin-top:10px}.gk-control .demo b{color:var(--fg);font-weight:500}@media(max-width:900px){.gk-hero h1{font-size:38px}.gk-modes,.gk-controls{grid-template-columns:1fr}}.gk-rec{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:24px;display:grid;grid-template-columns:1fr 1fr}.gk-rec-side{padding:32px 30px}.gk-rec-side h3{font-size:22px;font-weight:600;letter-spacing:-.018em;margin:12px 0 10px}.gk-rec-side p{font-size:14px;color:var(--fg-2);line-height:1.55;margin:0 0 14px}.gk-rec-side ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--fg-2)}.gk-rec-side ul li{display:flex;gap:10px;align-items:flex-start}.gk-rec-side ul li:before{content:"✓";color:var(--ok);font-weight:700;flex-shrink:0}.gk-asciinema{background:#04080b;border-left:1px solid var(--line);display:flex;flex-direction:column}.gk-asciinema-bar{height:32px;background:#020507;border-bottom:1px solid oklch(24% .012 240);display:flex;align-items:center;padding:0 12px;gap:6px}.gk-asciinema-bar .b-dot{width:9px;height:9px;border-radius:50%;background:#383b3d}.gk-asciinema-bar .b-title{margin-left:12px;font-family:var(--font-mono);font-size:10.5px;color:#7b8186}.gk-asciinema-body{padding:14px 16px;font-family:var(--font-mono);font-size:11.5px;line-height:1.6;color:#cbced1;flex:1}.gk-asciinema-body .pr{color:#7b8186}.gk-asciinema-body .ok{color:var(--ok)}.gk-asciinema-body .crit{color:var(--crit)}.gk-asciinema-foot{border-top:1px solid oklch(24% .012 240);padding:8px 14px;display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;color:#7b8186}.gk-asciinema-foot .play{width:22px;height:22px;border-radius:50%;background:var(--ok);color:#04080b;display:grid;place-items:center}.gk-asciinema-foot .scrub{flex:1;height:3px;background:#232a2f;border-radius:2px;position:relative}.gk-asciinema-foot .scrub:after{content:"";position:absolute;left:0;top:0;height:100%;width:38%;background:var(--ok);border-radius:2px}@media(max-width:900px){.gk-rec{grid-template-columns:1fr}.gk-asciinema{border-left:0;border-top:1px solid var(--line)}}.gk-audit{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.gk-audit-card{padding:28px 0;border-top:1px solid var(--line)}.gk-audit-card .badge{display:inline-block;font-family:var(--font-mono);font-size:10px;padding:2px 8px;border-radius:4px;background:var(--bg-2);color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.gk-audit-card h4{font-size:16px;font-weight:600;letter-spacing:-.012em;margin:0 0 8px}.gk-audit-card p{font-size:13px;color:var(--fg-2);line-height:1.55;margin:0}@media(max-width:900px){.gk-audit{grid-template-columns:1fr}}