/* pitlane.kr 첫 페이지 스타일. 캔버스 18판 B 두 판에서 build-site.py로 만들었습니다.
   기본은 어두운 아스팔트 판이고, 기기가 밝은 모드면 맨 아래 @media 안의 밝은 트랙 판 값으로 바뀝니다. */
:root{--accent:#FFC21A;color-scheme:dark}
body{margin:0;background:#121314}
*{box-sizing:border-box}
a{color:#F3F3F0}:where(a):hover{color:#FFFFFF}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes pl-blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes pl-spin{to{transform:rotate(360deg)}}
@keyframes pl3-map-flow{from{stroke-dashoffset:52}to{stroke-dashoffset:0}}
@media (prefers-reduced-motion: reduce){*{animation:none!important}}
.lt{display:none}
.fa{fill:var(--accent)}
.sa{stroke:var(--accent)}
a.skip{position:absolute;left:16px;top:-80px;z-index:10;padding:10px 16px;border-radius:10px;background:var(--accent);color:#121314;font-family:'Pretendard Variable','Pretendard',sans-serif;font-weight:800;text-decoration:none}a.skip:focus{top:16px}#main:focus{outline:none}

/* 이야기 레인: 묶음 폭 910.5px부터 도로·배지가 가운데로 가고 들여쓰기가 없어집니다.
   두 칸(360 + 190 + 360 = 910px)이 들어가는 폭보다 0.5px 넉넉하게 잡아, 쿼리가 반올림되어 맞아도 두 칸이 늘 들어갑니다. */
.lane{container-type:inline-size}
.lane-x{left:22px}
.lane-pad{padding-left:max(58px, calc(4vw + 40px))}
.lane-car{width:clamp(30px, min(5vw - 14px, 34px), 56px)}
@container (min-width: 910.5px){.lane-x{left:50%}.lane-pad{padding-left:0}.lane-car{width:clamp(30px, 5vw - 14px, 56px)}}
/* 스크롤을 따라 내려오는 차: 도로 길이의 칸 안에서 화면 가운데쯤에 붙고, 레인 끝에서 멈춥니다. 도로 < LAP 숫자 < 차 순서로 겹칩니다. */
.lane-runner{z-index:2;pointer-events:none}.lane-runner>.lane-car{position:sticky;top:calc(50vh - 70px);display:block}

/* 두 판에서 값이 다른 선언(어두운 판 값). 끝 주석은 처음 쓰인 요소와 쓰인 수입니다. */
.t1{background:#121314;color:#F3F3F0} /* div P . PITLANE KNOWLEDGE PI ×1 */
.t2{color:#F3F3F0} /* a P . PITLANE KNOWLEDGE PI ×1 */
.t3{border-radius:7px;border:2px solid #3A3C40} /* span P . PITLANE KNOWLEDGE PI ×2 */
.t4{color:#A6A8AD} /* span KNOWLEDGE PIT FOR AI 이야기 ×4 */
.t5{color:#C9CBCF} /* a 이야기 앱 규칙 메일로 문의 [ PIT LA ×16 */
.t7{color:var(--accent)} /* p [ PIT LANE OPEN · 얼리 액세스 ×4 */
.t10{border:2px solid #4A4C52;border-radius:12px;color:#F3F3F0} /* a 한 문서의 이야기 보기 오늘의 주인공 PDF ×1 */
.t11{background:#F3F3F0;box-shadow:4px 4px 0 var(--accent)} /* span 오늘의 주인공 PDF 사업계획서_v7.pdf ×1 */
.t14{background:#F3F3F0} /* div PDF 사업계획서_v7.pdf v7 ×1 */
.t15{background:#D2CCBE} /* span PDF 사업계획서_v7.pdf v7 ×1 */
.t23{border:2px solid #3A3C40;border-radius:12px;background:#1B1C1F} /* div PIT BOARD LIVE 상태 완료 위치 ×1 */
.t24{background:#232428;border-bottom:1px solid #3A3C40} /* div PIT BOARD LIVE 상태 완료 위치 ×1 */
.t25{border-bottom:1px solid #2A2C30} /* div 상태 완료 위치 12쪽 3문단 연결 Clau ×3 */
.t26{color:#8C8F94} /* span 상태 완료 위치 12쪽 3문단 연결 Clau ×6 */
.t28{background:#16171A;border-top:1px solid #2A2C30;border-bottom:1px solid #2A2C30} /* section 사업계획서, 공고문, IR 자료. AI에게 ×1 */
.t29{border:1.5px solid #3A3C40;border-radius:999px;background:#1B1C1F;color:#A6A8AD} /* li 새 대화마다 다시 첨부 어느 판이 최신인지 ×3 */
.t30{color:var(--accent)} /* p BOX 01 · 오늘의 주인공 올린 파일, ×1 */
.t31{background:#1B1C1F;border-left:1px solid #2A2C30;border-right:1px solid #2A2C30} /* span 1 ×1 */
.t32{box-shadow:0 0 0 8px #121314} /* span 1 LAP 1 · PIT IN 올리면 바로 ×7 */
.t33{color:var(--accent)} /* span LAP 1 · PIT IN 올리면 바로 보여 ×7 */
.t34{background:#F3F3F0;box-shadow:8px 8px 0 var(--accent)} /* div PIT BOARD · LAP 1 10월 20 ×7 */
.t35{color:#5E5A52} /* span 10월 20일 내 저장소 · 창업 준비 올리 ×21 */
.t36{background:#FAF9F5} /* div 내 저장소 · 창업 준비 올리기 올릴 수 있 ×3 */
.t37{border:2px dashed #8C877B;border-radius:10px;color:#3B3934} /* div 올릴 수 있는 형식 Markdown · 텍스 ×1 */
.t38{border-bottom:1.5px dashed #D2CCBE} /* div PDF 사업계획서_v7.pdf 완료 MD 회 ×4 */
.t39{background:#DCD7CB} /* span 처리 중 PDF 지원사업_공고문.pdf 대기 ×1 */
.t40{border:1.5px dashed #8C877B;border-radius:8px} /* span 초기 고객은 1인 창업자와 5인 이하 팀으로 ×3 */
.t41{background:#F3F3F0} /* span 이름표 문서명 사업계획서_v7.pdf 위치 ×1 */
.t42{border-top:2px dashed #3A3C40} /* p 첫 연결은 Claude부터, 다른 AI 연결 ×1 */
.t43{border:1.5px solid #8C877B;border-radius:6px;color:#3B3934} /* span 쓰기 수정 삭제 권한 없음 다른 계정의 저장 ×4 */
.t44{border:2px dashed #8C877B;border-radius:12px;color:#3B3934} /* div 다른 계정의 저장소 &nbsp; · 검색에도 ×2 */
.t45{color:#3B3934} /* span Pitlane 연결됨 · 읽기 전용 지난 사 ×10 */
.t46{border:1.5px solid #8C877B;border-radius:999px;background:#F3F3F0} /* span search · 초기 고객 정의 fetch ×2 */
.t47{border:1.5px solid #D2CCBE;border-radius:14px 14px 14px 4px;background:#FAF9F5} /* span 사업계획서 v7에서는 초기 고객을 ‘1인 창 ×1 */
.t48{border-top:1.5px dashed #D2CCBE} /* span 12쪽 · 3문단 · 갱신 10월 20일 ×1 */
.t49{border:2px dashed #8C877B;border-radius:12px;background:#E9E6DE;color:#3B3934} /* div PDF 사업계획서_v7.pdf 검색에서 빠짐 ×1 */
.t50{background:#B9B4A6} /* span 검색에서 빠짐 v8 PDF 사업계획서_v8. ×3 */
.t51{border-top:2px dashed #B9B4A6} /* span 삭제 모든 경로에서 내림 원문 내림 색인 내 ×5 */
.t52{background:#F3F3F0} /* span 삭제 모든 경로에서 내림 원문 내림 색인 내 ×7 */
.t53{background:conic-gradient(#F3F3F0 25%, #121314 0 50%, #F3F3F0 0 75%, #121314 0) 0 0 / 14px 14px;box-shadow:0 0 0 3px #F3F3F0, 0 0 0 9px #121314} /* span FINISH STARTING GRID 모든 ×1 */
.t55{background:#16171A;border-top:1px solid #2A2C30;border-bottom:1px solid #2A2C30} /* section STARTING GRID 모든 문서가 같은 ×1 */
.t56{border:1px solid #2A2C30;border-radius:20px;background:#121314} /* div P1 PDF 사업계획서 P2 PDF 지원사업 ×1 */
.t57{color:#8C8F94} /* span PDF 사업계획서 P2 PDF 지원사업 공고 ×6 */
.t58{border:3px solid #F3F3F0;border-top:0;border-radius:0 0 4px 4px} /* span P2 PDF 지원사업 공고문 P3 MD 시장 ×6 */
.t59{background:conic-gradient(#F3F3F0 25%, #121314 0 50%, #F3F3F0 0 75%, #121314 0) 0 0 / 16px 16px} /* div 첫 사례 · 창업 준비 자료(검증 중) ×1 */
.t60{color:#A6A8AD} /* figcaption 첫 사례 · 창업 준비 자료(검증 중) ×3 */
.t61{background:#2A2C30;color:#F3F3F0} /* span 첫 사례 · 창업 준비 자료(검증 중) ×1 */
.t62{color:var(--accent)} /* span 같은 저장소 자료 관리와 근거 확인은 Pit ×1 */
.t64{border:1.5px solid #4A4C52;border-radius:999px;color:#F3F3F0} /* li macOS 준비 중 Windows 준비 중 ×2 */
.t65{border:1px solid #3A3C40;border-radius:16px;box-shadow:10px 10px 0 var(--accent)} /* div Pitlane — 내 저장소 검색 폴더 창업 ×1 */
.t66{background:#F3F3F0;box-shadow:6px 6px 0 var(--accent)} /* article 웹 자료 관리와 근거 확인 브라우저에서 자료 ×7 */
.t67{background:#16171A;border-top:1px solid #2A2C30} /* section RACE RULES AI가 달리는 동안 지키 ×1 */
.t68{background:conic-gradient(#F3F3F0 25%, #121314 0 50%, #F3F3F0 0 75%, #121314 0) 0 0 / 24px 24px} /* div NEXT LAP . 내 문서도 이렇게 일하게 ×1 */
.t71{box-shadow:6px 6px 0 #F3F3F0} /* a 메일로 문의하기 받는 주소 koh0001@o ×1 */
.t72{border:2px dashed #8C8F94;border-radius:10px;color:#F3F3F0} /* span koh0001@outlook.kr 웹에서 씁 ×1 */
.t73{border-top:1px solid #2A2C30} /* footer P . PITLANE pitlane.kr 문 ×1 */
.t74{color:#A6A8AD} /* div P . PITLANE pitlane.kr 문 ×1 */
.t75{color:#F3F3F0} /* span P . PITLANE pitlane.kr 문 ×1 */
.t76{border-radius:6px;border:2px solid #3A3C40} /* span P . PITLANE pitlane.kr 문 ×1 */

@media (prefers-color-scheme: light){
:root{color-scheme:light}
body{margin:0;background:#3A3C40}
a{color:#121314}:where(a):hover{color:#3A3C40}
.lt{display:inline}
.t1{background:#F2F3F5;color:#121314} /* div P . PITLANE KNOWLEDGE PI ×1 */
.t2{color:#121314} /* a P . PITLANE KNOWLEDGE PI ×1 */
.t3{border-radius:7px;border:2px solid #121314} /* span P . PITLANE KNOWLEDGE PI ×2 */
.t4{color:#4A4C52} /* span KNOWLEDGE PIT FOR AI 이야기 ×4 */
.t5{color:#3A3C40} /* a 이야기 앱 규칙 메일로 문의 [ PIT LA ×16 */
.t6{box-shadow:inset 0 0 0 2px #121314, 3px 3px 0 #121314} /* a 메일로 문의 [ PIT LANE OPEN · ×1 */
.t7{align-self:flex-start;color:#121314;background:var(--accent);border-radius:3px;box-shadow:0 0 0 4px var(--accent), 0 0 0 6px #121314} /* p [ PIT LANE OPEN · 얼리 액세스 ×4 */
.t8{-webkit-text-stroke:max(4px, 0.044em) #121314;paint-order:stroke fill;text-shadow:0.035em 0.035em 0 #121314} /* span . AI가 잠깐 들러 맥락을 채우고, 다시 ×2 */
.t9{box-shadow:inset 0 0 0 2px #121314, 4px 4px 0 #121314} /* a 메일로 문의하기 한 문서의 이야기 보기 오늘 ×1 */
.t10{border:2px solid #121314;border-radius:12px;background:#FFFFFF;color:#121314} /* a 한 문서의 이야기 보기 오늘의 주인공 PDF ×1 */
.t11{background:#FFFFFF;box-shadow:inset 0 0 0 2px #121314, 4px 4px 0 0 var(--accent), 4px 4px 0 2px #121314} /* span 오늘의 주인공 PDF 사업계획서_v7.pdf ×1 */
.t12{stroke:#121314} /* svg PDF 사업계획서_v7.pdf v7 ×8 */
.t13{box-shadow:inset 0 0 0 2.5px #121314} /* span PDF 사업계획서_v7.pdf v7 ×1 */
.t14{background:#FFFFFF;box-shadow:inset 0 0 0 2.5px #121314} /* div PDF 사업계획서_v7.pdf v7 ×1 */
.t15{background:linear-gradient(to top right, #D3D6DA calc(50% - 2.5px), #121314 calc(50% - 2.5px) 50%, transparent 50%)} /* span PDF 사업계획서_v7.pdf v7 ×1 */
.t16{fill:#FFFFFF} /* rect ×28 */
.t17{fill:#E4E6E9} /* rect ×1 */
.t18{stroke:#3A3C40} /* path ×6 */
.t19{fill:#3A3C40} /* rect BOX BOX ×4 */
.t20{stroke:#FFFFFF} /* path BOX BOX ×6 */
.t21{fill:#4A4C52} /* text BOX BOX ×2 */
.t22{stroke:#F3F3F0} /* rect AI P . PIT BOARD LIVE ×4 */
.t23{border:2px solid #121314;border-radius:12px;background:#FFFFFF} /* div PIT BOARD LIVE 상태 완료 위치 ×1 */
.t24{background:#121314;border-bottom:1px solid #121314} /* div PIT BOARD LIVE 상태 완료 위치 ×1 */
.t25{border-bottom:1px solid #D3D6DA} /* div 상태 완료 위치 12쪽 3문단 연결 Clau ×3 */
.t26{color:#4A4C52} /* span 상태 완료 위치 12쪽 3문단 연결 Clau ×6 */
.t27{box-shadow:inset 0 0 0 1.5px #121314} /* span 완료 위치 12쪽 3문단 연결 Claude ×1 */
.t28{background:linear-gradient(#121314, #121314) 0 0 / 100% 1px no-repeat, repeating-linear-gradient(90deg, var(--accent) 0 24px, #FFFFFF 24px 48px) 0 1px / 100% 10px no-repeat, linear-gradient(#121314, #121314) 0 11px / 100% 2px no-repeat, #E4E6E9;border-top:1px solid #121314;border-bottom:1px solid #D3D6DA} /* section 사업계획서, 공고문, IR 자료. AI에게 ×1 */
.t29{border:1.5px solid #121314;border-radius:999px;background:#FFFFFF;color:#3A3C40} /* li 새 대화마다 다시 첨부 어느 판이 최신인지 ×3 */
.t30{color:#121314;background:var(--accent);border-radius:3px;box-shadow:0 0 0 4px var(--accent), 0 0 0 6px #121314} /* p BOX 01 · 오늘의 주인공 올린 파일, ×1 */
.t31{background:#3A3C40;border-left:1px solid #121314;border-right:1px solid #121314;box-shadow:inset 3px 0 0 #3A3C40, inset 5px 0 0 #FFFFFF, inset -3px 0 0 #3A3C40, inset -5px 0 0 #FFFFFF} /* span 1 ×1 */
.t32{box-shadow:0 0 0 3px #121314, 0 0 0 8px #F2F3F5} /* span 1 LAP 1 · PIT IN 올리면 바로 ×7 */
.t33{align-self:flex-start;color:#121314;background:var(--accent);border-radius:3px;box-shadow:0 0 0 3px var(--accent), 0 0 0 5px #121314} /* span LAP 1 · PIT IN 올리면 바로 보여 ×7 */
.t34{background:#FFFFFF;box-shadow:inset 0 0 0 3px #121314, 8px 8px 0 0 var(--accent), 8px 8px 0 3px #121314} /* div PIT BOARD · LAP 1 10월 20 ×7 */
.t35{color:#4A4C52} /* span 10월 20일 내 저장소 · 창업 준비 올리 ×21 */
.t36{background:#F2F3F5} /* div 내 저장소 · 창업 준비 올리기 올릴 수 있 ×3 */
.t37{border:2px dashed #8C8F94;border-radius:10px;color:#3A3C40} /* div 올릴 수 있는 형식 Markdown · 텍스 ×1 */
.t38{border-bottom:1.5px dashed #D3D6DA} /* div PDF 사업계획서_v7.pdf 완료 MD 회 ×4 */
.t39{background:#E4E6E9} /* span 처리 중 PDF 지원사업_공고문.pdf 대기 ×1 */
.t40{border:1.5px dashed #8C8F94;border-radius:8px} /* span 초기 고객은 1인 창업자와 5인 이하 팀으로 ×3 */
.t41{background:#F2F3F5} /* span 이름표 문서명 사업계획서_v7.pdf 위치 ×1 */
.t42{border-top:2px dashed #A6A8AD} /* p 첫 연결은 Claude부터, 다른 AI 연결 ×1 */
.t43{border:1.5px solid #8C8F94;border-radius:6px;color:#3A3C40} /* span 쓰기 수정 삭제 권한 없음 다른 계정의 저장 ×4 */
.t44{border:2px dashed #8C8F94;border-radius:12px;color:#3A3C40} /* div 다른 계정의 저장소 &nbsp; · 검색에도 ×2 */
.t45{color:#3A3C40} /* span Pitlane 연결됨 · 읽기 전용 지난 사 ×10 */
.t46{border:1.5px solid #8C8F94;border-radius:999px;background:#F2F3F5} /* span search · 초기 고객 정의 fetch ×2 */
.t47{border:1.5px solid #D3D6DA;border-radius:14px 14px 14px 4px;background:#F2F3F5} /* span 사업계획서 v7에서는 초기 고객을 ‘1인 창 ×1 */
.t48{border-top:1.5px dashed #D3D6DA} /* span 12쪽 · 3문단 · 갱신 10월 20일 ×1 */
.t49{border:2px dashed #8C8F94;border-radius:12px;background:#E4E6E9;color:#3A3C40} /* div PDF 사업계획서_v7.pdf 검색에서 빠짐 ×1 */
.t50{background:#A6A8AD} /* span 검색에서 빠짐 v8 PDF 사업계획서_v8. ×3 */
.t51{border-top:2px dashed #A6A8AD} /* span 삭제 모든 경로에서 내림 원문 내림 색인 내 ×5 */
.t52{background:#FFFFFF} /* span 삭제 모든 경로에서 내림 원문 내림 색인 내 ×7 */
.t53{background:conic-gradient(#FFFFFF 25%, #121314 0 50%, #FFFFFF 0 75%, #121314 0) 0 0 / 14px 14px;box-shadow:0 0 0 3px #121314, 0 0 0 9px #F2F3F5} /* span FINISH STARTING GRID 모든 ×1 */
.t54{box-shadow:0 0 0 2px #121314} /* span FINISH STARTING GRID 모든 ×1 */
.t55{background:#E4E6E9;border-top:1px solid #D3D6DA;border-bottom:1px solid #D3D6DA} /* section STARTING GRID 모든 문서가 같은 ×1 */
.t56{border:1px solid #121314;border-radius:20px;background:#3A3C40} /* div P1 PDF 사업계획서 P2 PDF 지원사업 ×1 */
.t57{color:#C9CBCF} /* span PDF 사업계획서 P2 PDF 지원사업 공고 ×6 */
.t58{border:3px solid #FFFFFF;border-top:0;border-radius:0 0 4px 4px} /* span P2 PDF 지원사업 공고문 P3 MD 시장 ×6 */
.t59{background:conic-gradient(#FFFFFF 25%, #121314 0 50%, #FFFFFF 0 75%, #121314 0) 0 0 / 16px 16px} /* div 첫 사례 · 창업 준비 자료(검증 중) ×1 */
.t60{color:#3A3C40} /* figcaption 첫 사례 · 창업 준비 자료(검증 중) ×3 */
.t61{background:#121314;color:#FFFFFF} /* span 첫 사례 · 창업 준비 자료(검증 중) ×1 */
.t62{color:#121314;background:var(--accent);border-radius:0.08em;box-shadow:0 0 0 0.06em var(--accent), 0 0 0 calc(0.06em + 3px) #121314} /* span 같은 저장소 자료 관리와 근거 확인은 Pit ×1 */
.t63{box-shadow:inset 0 0 0 2px #121314} /* li 웹 macOS 준비 중 Windows 준비 ×2 */
.t64{border:1.5px solid #121314;border-radius:999px;background:#FFFFFF;color:#121314} /* li macOS 준비 중 Windows 준비 중 ×2 */
.t65{border:1px solid #121314;border-radius:16px;box-shadow:0 0 0 2px #121314, 10px 10px 0 0 var(--accent), 10px 10px 0 3px #121314;color:#F3F3F0} /* div Pitlane — 내 저장소 검색 폴더 창업 ×1 */
.t66{background:#FFFFFF;box-shadow:inset 0 0 0 3px #121314, 6px 6px 0 0 var(--accent), 6px 6px 0 3px #121314} /* article 웹 자료 관리와 근거 확인 브라우저에서 자료 ×7 */
.t67{background:#E4E6E9;border-top:1px solid #121314} /* section RACE RULES AI가 달리는 동안 지키 ×1 */
.t68{background:conic-gradient(#FFFFFF 25%, #121314 0 50%, #FFFFFF 0 75%, #121314 0) 0 0 / 24px 24px} /* div NEXT LAP . 내 문서도 이렇게 일하게 ×1 */
.t69{stroke:#4A4C52} /* path PIT OUT ×1 */
.t70{stroke:#C9CBCF} /* path 메일로 문의하기 받는 주소 koh0001@o ×1 */
.t71{box-shadow:inset 0 0 0 2px #121314, 6px 6px 0 #121314} /* a 메일로 문의하기 받는 주소 koh0001@o ×1 */
.t72{border:2px dashed #121314;border-radius:10px;background:#FFFFFF;color:#121314} /* span koh0001@outlook.kr 웹에서 씁 ×1 */
.t73{border-top:1px solid #121314;background:linear-gradient(#121314, #121314) 0 0 / 100% 1px no-repeat, repeating-linear-gradient(90deg, var(--accent) 0 24px, #FFFFFF 24px 48px) 0 1px / 100% 10px no-repeat, linear-gradient(#121314, #121314) 0 11px / 100% 2px no-repeat, linear-gradient(#FFFFFF, #FFFFFF) 0 17px / 100% 2px no-repeat, #3A3C40} /* footer P . PITLANE pitlane.kr 문 ×1 */
.t74{color:#C9CBCF} /* div P . PITLANE pitlane.kr 문 ×1 */
.t75{color:#FFFFFF} /* span P . PITLANE pitlane.kr 문 ×1 */
.t76{border-radius:6px;border:2px solid #121314} /* span P . PITLANE pitlane.kr 문 ×1 */
}