.nav .active{color:var(--pink)}.guide-hero{padding:76px max(24px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:64px;background:radial-gradient(circle at 85% 10%,#d9f3ff 0,transparent 32%),linear-gradient(145deg,#fff 30%,#fff1e7)}.guide-hero h1{margin:0;font-size:clamp(45px,6vw,72px);line-height:1.08;letter-spacing:-.06em}.guide-hero h1 em{font-style:normal;color:var(--pink)}.guide-hero>div>p:not(.eyebrow){max-width:670px;margin:24px 0;color:var(--muted);font-size:18px;word-break:keep-all}.guide-visual{position:relative}.guide-visual img{width:100%;border-radius:30px;box-shadow:0 28px 65px rgba(31,45,62,.16)}.guide-visual span{position:absolute;right:-12px;bottom:-22px;padding:16px 20px;border-radius:18px;background:var(--navy);color:#bdd7ec;font-size:14px;box-shadow:0 15px 35px rgba(18,51,87,.25)}.guide-visual b{color:#fff;font-size:16px}.guide-section{padding:94px max(24px,calc((100vw - 1280px)/2))}.device-section{background:var(--soft)}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.method-card{position:relative;padding:34px;border:1px solid var(--line);border-radius:28px;background:#fff;overflow:hidden}.method-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:7px;background:var(--pink)}.blue-card:before{background:var(--blue)}.method-no{font-size:38px;font-weight:900;color:#d9dee4}.method-label{margin:5px 0;color:var(--pink);font-weight:900}.blue-card .method-label{color:var(--blue)}.method-card h3{margin:0;font-size:31px}.method-card>p:not(.method-label){color:var(--muted)}.method-card ul{padding-left:20px;color:#46505b}.method-card li{margin:7px 0}.method-card>a{display:inline-block;margin-top:10px;font-weight:900;color:var(--pink)}.blue-card>a{color:var(--blue)}.method-card.product,.method-card.esim{display:grid;grid-template-columns:46% 1fr;align-items:center;gap:22px}.method-card.product img{width:100%;height:285px;object-fit:contain}.esim-mark{display:grid;place-items:center;aspect-ratio:1;border-radius:28px;background:linear-gradient(135deg,var(--pink),var(--orange));color:#fff;font-size:40px;font-weight:900;box-shadow:0 18px 40px rgba(242,77,112,.22)}.check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.check-grid article{padding:28px;border-radius:24px;background:var(--soft)}.check-grid b{color:var(--pink);font-size:31px}.check-grid h3{font-size:20px}.check-grid p{color:var(--muted)}.opening-flow{padding:94px max(24px,calc((100vw - 900px)/2));background:var(--navy);color:#fff}.opening-flow .section-head>p{color:#76d8ff}.opening-flow ol{margin:0;padding:0;list-style:none}.opening-flow li{display:grid;grid-template-columns:62px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.13)}.opening-flow li>span{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#fff;color:var(--navy);font-size:20px;font-weight:900}.opening-flow h3{margin:0;font-size:21px}.opening-flow li p{margin:5px 0 0;color:#b9c9d9}.center-actions{display:flex;justify-content:center;gap:12px;margin-top:38px}.guide-help{padding:80px max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(135deg,#fff0e8,#fff)}.guide-help h2{margin:0;font-size:clamp(32px,4vw,48px);line-height:1.18}.guide-help p:not(.eyebrow){color:var(--muted)}
@media(max-width:900px){.guide-hero{grid-template-columns:1fr}.guide-visual{max-width:650px}.method-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:repeat(2,1fr)}.guide-help{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.guide-hero{padding:48px 18px 70px;gap:35px}.guide-hero h1{font-size:42px}.guide-hero>div>p:not(.eyebrow){font-size:16px}.guide-visual span{right:8px;bottom:-22px}.guide-section,.opening-flow{padding:70px 18px}.method-card{padding:24px}.method-card.product,.method-card.esim{grid-template-columns:1fr}.method-card.product img{height:230px}.esim-mark{aspect-ratio:2/1}.check-grid{grid-template-columns:1fr}.center-actions{display:grid}.guide-help{padding:65px 18px}}

/* Kakao 상담 버튼: 어두운 개통 안내 영역에서도 문구와 아이콘이 선명하게 보이도록 고정합니다. */
.opening-flow .center-actions .kakao-btn,
.opening-flow .center-actions .btn.ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 154px;
  min-height: 50px;
  padding: 0 18px;
  border-radius: 13px;
  white-space: nowrap;
  background: #fee500;
  border-color: #fee500;
  color: #191919;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}
.opening-flow .center-actions .kakao-btn::before,
.opening-flow .center-actions .btn.ghost::before {
  content: "TALK";
  display: grid;
  place-items: center;
  width: 30px;
  height: 25px;
  flex: 0 0 30px;
  border-radius: 50%;
  background: #3c1e1e;
  color: #fee500;
  font-size: 7px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.02em;
}
.opening-flow .center-actions .kakao-btn:hover,
.opening-flow .center-actions .btn.ghost:hover {
  background: #ffeb35;
  border-color: #ffeb35;
  color: #191919;
  transform: translateY(-1px);
}

/* 중간 폭 PC에서도 두 카드와 상담 버튼이 화면 밖으로 밀리지 않게 합니다. */
.guide-section,
.guide-section .method-grid,
.guide-section .method-card {
  min-width: 0;
  width: 100%;
}
.guide-section .method-grid {
  max-width: 1280px;
  margin-inline: auto;
}
.guide-section .method-grid > * {
  min-width: 0;
}
.method-card > a[href*="pf.kakao.com/_aDCjn/chat"] {
  display: inline-flex;
  width: auto;
  min-width: 154px;
  min-height: 50px;
  padding: 0 18px;
  border-radius: 13px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
@media (max-width: 1080px) {
  .guide-section .method-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .method-card > a[href*="pf.kakao.com/_aDCjn/chat"],
  .opening-flow .center-actions .kakao-btn,
  .opening-flow .center-actions .btn.ghost { width: 100%; }
}