/* A 에메랄드 글래스 — 깊은 녹색 그라데이션 + 빛 번짐 + 떠 있는 카드 */
:root{--ink:#0d2621;--mint:#19d3b0;--line:#d5e3de;--soft:#eef6f3}
body{background:#fff}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);box-shadow:0 6px 30px rgba(13,38,33,.08);border-bottom:0}
.nav-cta{border:0;background:linear-gradient(135deg,#19d3b0,#0e9f86);color:#fff;border-radius:999px;box-shadow:0 8px 20px rgba(25,211,176,.35)}
.hero{background:radial-gradient(circle at 15% 20%,rgba(25,211,176,.28),transparent 45%),radial-gradient(circle at 80% 90%,rgba(25,211,176,.15),transparent 40%),linear-gradient(135deg,#0b1f1a,#123a31);padding:40px 4% 40px 0;perspective:1600px}
.hero h1{background:linear-gradient(90deg,#fff 30%,#7ff0d8);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.hero .eyebrow{color:#7ff0d8}
.light{background:linear-gradient(135deg,#19d3b0,#0e9f86);color:#fff;border-radius:999px;box-shadow:0 12px 30px rgba(25,211,176,.4)}
.hero .button{padding:18px 30px}
.hero-image{border-radius:28px;box-shadow:0 50px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08);transform:rotateY(-7deg) rotateX(2deg);min-height:600px}
.intro-strip{background:linear-gradient(90deg,#f0faf7,#fff)}
.principle-card{background:#fff;border:0;border-radius:24px;padding:26px;box-shadow:0 2px 6px rgba(13,38,33,.05),0 24px 50px rgba(13,38,33,.10)}
.principle-card h3{color:#0e9f86}
.photo-button{border-radius:16px;box-shadow:0 14px 30px rgba(13,38,33,.18)}
.photo-button img{filter:saturate(1.15) contrast(1.06)}
.zoom-label{background:rgba(13,38,33,.75);backdrop-filter:blur(6px);border-radius:999px}
.design{background:linear-gradient(180deg,#eef6f3,#f8fbfa)}
.tabs button[aria-selected=true]{border-bottom-color:#19d3b0;color:#0d2621}
.philosophy .principles article{background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:24px}
.steps article{background:#fff;border:0;border-radius:22px;padding:26px;box-shadow:0 18px 40px rgba(13,38,33,.09)}
.steps span{color:#0e9f86;font-weight:700}
.consult-box{border-radius:28px;background:radial-gradient(circle at 10% 0%,rgba(25,211,176,.3),transparent 50%),linear-gradient(135deg,#0b1f1a,#123a31);box-shadow:0 40px 80px rgba(13,38,33,.3)}
.mini-grid b{color:#0e9f86}
/* 운영 사이트의 복구 소개 구역(repair-intro)도 같은 톤으로 */
.repair-intro{background:radial-gradient(circle at 0% 0%,rgba(25,211,176,.18),transparent 55%),#fff;border:0;border-radius:24px;box-shadow:0 2px 6px rgba(13,38,33,.05),0 24px 50px rgba(13,38,33,.10)}
.repair-intro h2 em{color:#0e9f86}
.repair-intro .repair-link{background:linear-gradient(135deg,#19d3b0,#0e9f86);color:#fff;border-radius:999px;box-shadow:0 8px 20px rgba(25,211,176,.3)}
.repair-cover{border:0;border-radius:16px;box-shadow:0 14px 30px rgba(13,38,33,.18)}

/* 모바일에서는 대표사진의 3D 원근으로 인한 가로 넘침 방지 */
@media(max-width:700px){.hero{perspective:none;padding:0}.hero-image{transform:none;min-width:0;min-height:420px}}
@media(max-width:700px){.hero-image{width:100%;max-width:100%}.hero{grid-template-columns:minmax(0,1fr)}}