/* 실내스마트팜 재배랙 전용 디자인 시스템 — 건축/산업디자인 스타일. 다른 신규페이지와 클래스 재사용 안 함(np-rack- 접두). */
.np-rack{background:#f4f3ee;color:#1c1c1a;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard",sans-serif;}
.np-rack a{color:inherit;}
.np-rack .nav{background:rgba(17,18,16,.92);backdrop-filter:none;}
.np-rack .nav__phone{background:#c6ff2e;color:#111;}
.np-rack .nav__menu a:hover{color:#c6ff2e;}

/* Hero: 좌측 텍스트 다크패널 + 우측 세로형 풀스크린 사진 */
.rack-hero{display:flex;min-height:640px;margin-top:0;padding-top:60px;background:#111210;}
.rack-hero__text{flex:0 0 46%;color:#f5f5f0;display:flex;flex-direction:column;justify-content:center;padding:60px 48px;}
.rack-hero__kicker{font-size:.78rem;letter-spacing:.22em;color:#c6ff2e;font-weight:700;margin-bottom:18px;}
.rack-hero__text h1{font-size:2.6rem;font-weight:900;line-height:1.15;letter-spacing:-.01em;margin:0 0 20px;}
.rack-hero__text p{font-size:1.02rem;line-height:1.75;color:#c9cac5;max-width:440px;margin:0 0 28px;}
.rack-hero__photo{flex:1;position:relative;overflow:hidden;}
.rack-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;}
.rack-hero__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,18,16,.55),transparent 35%);}
@media(max-width:900px){.rack-hero{flex-direction:column;min-height:auto;}.rack-hero__text{flex:none;padding:100px 24px 32px;}.rack-hero__photo{height:340px;}}

.rack-breadcrumb{max-width:1100px;margin:0 auto;padding:18px 24px 0;font-size:.85rem;color:#6b6d68;}
.rack-breadcrumb a{color:#6b6d68;text-decoration:underline;}

.rack-section{max-width:1100px;margin:0 auto;padding:64px 24px;}
.rack-section--dark{max-width:none;background:#17181a;color:#f0f0ea;}
.rack-section--dark .rack-inner{max-width:1100px;margin:0 auto;padding:64px 24px;}
.rack-eyebrow{font-size:.75rem;letter-spacing:.2em;font-weight:700;color:#8a8d3c;text-transform:uppercase;margin:0 0 14px;}
.rack-section--dark .rack-eyebrow{color:#c6ff2e;}
.rack-title{font-size:1.9rem;font-weight:900;letter-spacing:-.01em;margin:0 0 22px;}
.rack-body{font-size:1.02rem;line-height:1.85;color:#3c3d38;max-width:760px;}
.rack-section--dark .rack-body{color:#c9cac5;}

/* 대형 숫자 데이터 레이아웃 */
.rack-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2a2b28;margin-top:36px;border:1px solid #2a2b28;}
.rack-stat{background:#17181a;padding:28px 20px;}
.rack-stat b{display:block;font-size:2.4rem;font-weight:900;color:#c6ff2e;line-height:1;font-variant-numeric:tabular-nums;}
.rack-stat span{display:block;margin-top:10px;font-size:.85rem;color:#a9aba5;line-height:1.5;}
@media(max-width:700px){.rack-stats{grid-template-columns:repeat(2,1fr);}}

/* 단수별 비교표 */
.rack-table{width:100%;border-collapse:collapse;margin-top:36px;font-size:.92rem;}
.rack-table th,.rack-table td{border:1px solid #d8d6cc;padding:14px 16px;text-align:left;}
.rack-table th{background:#1c1c1a;color:#c6ff2e;font-weight:800;}
.rack-table td{color:#3c3d38;}
.rack-table tr:nth-child(even) td{background:#ecebe4;}

/* 도면형 구성요소 리스트 */
.rack-specs{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start;}
.rack-specs__photo{position:relative;}
.rack-specs__photo img{width:100%;height:640px;object-fit:cover;border-radius:2px;}
.rack-specs__list{list-style:none;margin:0;padding:0;border-top:1px solid #d8d6cc;}
.rack-specs__list li{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid #d8d6cc;}
.rack-specs__list b{flex:0 0 120px;font-size:.95rem;font-weight:800;color:#111;}
.rack-specs__list span{color:#4a4b46;font-size:.94rem;line-height:1.7;}
@media(max-width:800px){.rack-specs{grid-template-columns:1fr;}.rack-specs__photo img{height:360px;}}

/* 세로형 사진 콜라주 */
.rack-collage{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px;}
.rack-collage figure{margin:0;position:relative;}
.rack-collage img{width:100%;height:520px;object-fit:cover;border-radius:2px;}
.rack-collage figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;font-size:.82rem;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent);color:#fff;}
@media(max-width:700px){.rack-collage{grid-template-columns:1fr;}.rack-collage img{height:340px;}}

/* 공정 타임라인 */
.rack-process{counter-reset:step;margin-top:36px;border-left:2px solid #2a2b28;padding-left:0;}
.rack-step{position:relative;padding:0 0 34px 34px;}
.rack-step:last-child{padding-bottom:0;}
.rack-step::before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:-21px;top:0;width:40px;height:40px;background:#c6ff2e;color:#111;font-weight:900;font-size:.85rem;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.rack-step h4{margin:6px 0 6px;font-size:1.05rem;font-weight:800;}
.rack-step p{margin:0;color:#a9aba5;font-size:.92rem;line-height:1.7;max-width:560px;}

/* 적용 공간 + 관련 서비스 태그형 */
.rack-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.rack-tags a{border:1px solid #1c1c1a;padding:10px 18px;font-size:.88rem;font-weight:700;text-decoration:none;color:#1c1c1a;transition:.15s;}
.rack-tags a:hover{background:#1c1c1a;color:#c6ff2e;}

/* FAQ */
.rack-faq{margin-top:30px;border-top:1px solid #d8d6cc;}
.rack-faq details{border-bottom:1px solid #d8d6cc;padding:20px 0;}
.rack-faq summary{cursor:pointer;font-weight:800;font-size:1rem;list-style:none;position:relative;padding-right:28px;}
.rack-faq summary::-webkit-details-marker{display:none;}
.rack-faq summary::after{content:"+";position:absolute;right:0;top:0;font-size:1.3rem;color:#8a8d3c;}
.rack-faq details[open] summary::after{content:"–";}
.rack-faq p{margin:14px 0 0;color:#4a4b46;line-height:1.75;font-size:.94rem;}

/* 최종 CTA */
.rack-cta{background:#c6ff2e;color:#111;text-align:center;padding:70px 24px;}
.rack-cta h2{font-size:1.7rem;font-weight:900;margin:0 0 14px;}
.rack-cta p{margin:0 0 26px;font-size:1rem;}
.rack-cta a{display:inline-block;background:#111;color:#c6ff2e;padding:16px 34px;font-weight:800;text-decoration:none;border-radius:2px;}

/* 사업자정보 */
.rack-biz{background:#17181a;color:#8a8d90;font-size:.82rem;line-height:1.9;padding:28px 24px;text-align:center;}
.rack-biz b{color:#c9cac5;}
