.detail-hero{min-height:600px;display:grid;grid-template-columns:58% 42%;overflow:hidden;background:linear-gradient(135deg,#f7fbf7,#fff)}
.detail-hero>div:first-child{padding:100px max(7vw,40px)}
.detail-hero span,.industry>div>span{color:var(--green);font-size:12px;font-weight:800;letter-spacing:1.5px}
.detail-hero p{max-width:700px;color:var(--muted);font-size:18px}
.detail-visual{display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#65bb5c 0 2%,transparent 3%),linear-gradient(145deg,#06304f,#08793d);position:relative}
.detail-visual:before,.detail-visual:after{content:"";position:absolute;border:1px solid #ffffff35;border-radius:50%;width:72%;aspect-ratio:1}.detail-visual:after{width:48%}
.orbit{width:165px;aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 25px 70px #001a2e80;z-index:2}
.orbit b{font-size:42px;color:var(--green)}
.detail-stats{max-width:1050px;margin:-45px auto 50px;position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:14px;box-shadow:0 18px 50px #062a4b16;padding:28px}
.detail-stats div{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line);text-align:center}.detail-stats div:last-child{border:0}.detail-stats strong{font-size:28px;color:var(--green)}.detail-stats span{font-size:12px}
.detail-services,.process,.faq{max-width:var(--max);margin:auto;padding:60px 28px}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-grid article{border:1px solid var(--line);border-radius:14px;padding:28px;transition:.25s}.detail-grid article:hover{transform:translateY(-5px);box-shadow:0 15px 35px #062a4b12}.detail-grid i{font-style:normal;color:#a9d6ad;font-size:30px;font-weight:800}.detail-grid h3{font-size:18px}.detail-grid p,.process p{color:var(--muted);font-size:13px}
.process{max-width:none;background:#f4f8f5}.process-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.process-grid article{padding:28px;border-top:2px solid #bfdcc3;position:relative}.process-grid b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green);color:#fff;margin-top:-51px}.process-grid h3{margin-top:25px}
.industry{max-width:1100px;margin:70px auto;padding:50px;display:grid;grid-template-columns:1fr 1.2fr;gap:50px;border-radius:18px;background:linear-gradient(135deg,#04304f,#075d4a);color:#fff}.industry h2{font-size:34px}.industry-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.industry-list span{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9px;padding:15px}
.faq{max-width:850px}.faq details{border-bottom:1px solid var(--line);padding:20px 5px}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:var(--muted);padding-right:30px}
@media(max-width:900px){.detail-hero{grid-template-columns:1fr}.detail-visual{min-height:330px}.detail-stats{margin:-25px 20px 30px}.detail-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr;gap:35px 0}.industry{margin:35px 20px;grid-template-columns:1fr}}
@media(max-width:600px){.detail-hero>div:first-child{padding:60px 25px}.detail-hero p{font-size:15px}.detail-stats{grid-template-columns:1fr;gap:20px}.detail-stats div{border-right:0;border-bottom:1px solid var(--line);padding-bottom:15px}.detail-grid,.process-grid,.industry-list{grid-template-columns:1fr}.industry{padding:30px}}
