/* =========================================================
   MIYEOL 37.2℃ — v2 트렌디 리디자인 레이어 (style.css · instagram.css 위에 덮어씀)
   대표 피드백 "너무 중후해 — 고급스러운 건 좋은데 좀 더 트렌디하게"
   - 밝은 섹션(.is-light : 크림·샌드·피치) ↔ 어두운 섹션(밤 무드) 교차
   - 제목 : 굵은 산세리프(Pretendard 800~900, 자간 타이트) / 세리프·이탤릭은 포인트로만
   - 액센트 : 골드 → 로고 레드(#c0392b) + 웜 오렌지·앰버, 따뜻한 블러 메시 배경
   - 컴포넌트 : 벤토 그리드, 큰 라운드, 알약 태그, 스티커 배지, 컬러 마키 띠, 라인 아이콘
   ========================================================= */

:root{
  --gold:#f0a35c;--gold-l:#ffb980;--gold-xl:#ffe2c4;--gold-d:#c77a3a;--champagne:#ffd2a8;
  --ember:#ff7a45;--red:#c0392b;--red-d:#9e2b1f;--orange:#f26b38;--amber:#f7a548;
  --cream:#fbf3e8;--sand:#f5e8d7;--peach:#ffe9da;
  --ink-l:#1c130c;--ink-l2:#5b4a3c;--ink-l3:#6f5c4c;
  --hot-grad:linear-gradient(105deg,#c0392b 0%,#e4512f 42%,#f58a3c 80%,#f7a548 100%);
  /* 흰 글자가 올라가는 면 전용 — 끝색을 어둡게 해 흰 글자 대비 4.5:1 이상 유지 */
  --hot-grad-txt:linear-gradient(105deg,#b3301f 0%,#c0392b 45%,#d0432b 100%);
  --gold-grad:linear-gradient(100deg,#ffd6a3 0%,#ffae68 32%,#ff8150 62%,#ffc98f 88%,#ffe2c4 100%);
  --num-grad:linear-gradient(180deg,#fff0dc 0%,#ffc58c 40%,#ff9356 75%,#f2683c 100%);
  --line:rgba(255,190,140,.2);--line-soft:rgba(255,210,170,.09);
}
::selection{background:rgba(242,107,56,.38);color:#fff}
/* 회전한 마키 띠·스티커가 가로 스크롤을 만들지 않게 (clip 은 스크롤 컨테이너가 아니라서 sticky·핀 고정에 영향 없음) */
main{overflow-x:clip}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}

/* ---------- 공통 타이포 : 굵고 큰 산세리프 ---------- */
.title{font-family:var(--sans);font-weight:800;font-size:clamp(34px,5vw,68px);line-height:1.16;letter-spacing:-.045em}
.title em,.story-quote em,.sig-outro-q em{font-weight:800}
/* SplitText 줄 마스크가 한글 아래쪽을 자르지 않게 */
[data-split] [class$="line-mask"]{padding-bottom:.1em;margin-bottom:-.1em}
.lead{font-size:clamp(16px,1.3vw,18.5px);line-height:1.8}
.orn{display:none}
/* 아이브로 → 알약 태그 */
.eyebrow{gap:10px;padding:7px 15px 7px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--gold-l);background:rgba(255,160,100,.09);border:1px solid rgba(255,175,120,.24);margin-bottom:24px}
.eyebrow em{font-family:var(--sans);font-style:normal;font-weight:800;font-size:13px;letter-spacing:.02em;color:var(--gold-l)}
.eyebrow em::after{width:14px;margin-left:10px;background:currentColor;opacity:.45}
.eyebrow:not(:has(em)){padding-left:15px}

/* ---------- 버튼 ---------- */
.btn{font-weight:700;letter-spacing:-.01em}
.btn-gold{color:#fff;background:var(--hot-grad);box-shadow:0 14px 34px -16px rgba(228,81,47,.75),inset 0 1px 0 rgba(255,255,255,.28)}
.btn-gold::after{background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.42) 50%,transparent 70%)}
.btn-gold:hover{box-shadow:0 18px 44px -14px rgba(228,81,47,.85),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-line{color:#fff3e6;border:1.5px solid rgba(255,225,195,.36);background:rgba(255,240,225,.06)}
.btn-line:hover{border-color:#ffd2a8;background:rgba(255,200,150,.12)}
.btn-cream{color:#a32c1f;background:#fff6ec;box-shadow:0 16px 36px -18px rgba(60,8,0,.6)}
.btn-cream:hover{background:#fff}
.link-arrow{color:var(--gold-l);font-weight:700;border-bottom:1.5px solid rgba(255,185,128,.45)}

/* ---------- 카드 마감 : 그림자·금테 덜어내기 ---------- */
.glass{border-radius:28px;box-shadow:0 30px 70px -50px rgba(0,0,0,.7)}
.hair::after{background:linear-gradient(140deg,rgba(255,215,175,.3),rgba(255,200,150,.05) 35%,rgba(255,200,150,.04) 65%,rgba(255,190,140,.2))}
.spot::before{background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,150,90,.14),transparent 55%)}
.ex-chip{border-color:rgba(255,185,128,.5);color:#ffd9b8;background:rgba(255,140,80,.1)}
.disc b{background:var(--hot-grad);color:#fff}
.note,.disc,.sim-note{border-color:rgba(255,200,160,.18)}

/* ---------- 스티커 배지 (살짝 회전) ---------- */
.sticker{position:absolute;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:9px 16px;border-radius:999px;
  font-family:var(--sans);font-weight:800;font-size:13px;letter-spacing:-.01em;line-height:1.1;white-space:nowrap;pointer-events:none;
  color:#fff6ec;background:var(--red);box-shadow:0 14px 28px -14px rgba(150,30,20,.65);rotate:-7deg;animation:stkFloat 5s ease-in-out infinite}
.sticker::after{content:"";position:absolute;inset:4px;border-radius:inherit;border:1px dashed rgba(255,255,255,.45);pointer-events:none}
.sticker.is-round{flex-direction:column;width:104px;height:104px;padding:0;border-radius:50%}
.sticker.is-round b{font-size:26px;font-weight:900;letter-spacing:-.045em;line-height:1}
.sticker.is-round small{font-size:11px;font-weight:700;opacity:.88}
.sticker.is-amber{background:linear-gradient(135deg,#ffc463,#f7953f);color:#2a1408;box-shadow:0 14px 28px -14px rgba(200,110,30,.7)}
.sticker.is-amber::after{border-color:rgba(60,25,5,.25)}
@keyframes stkFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}

/* =========================================================
   밝은 섹션 (.is-light) — 변수만 바꿔도 대부분의 기존 규칙이 따라온다
   ========================================================= */
.is-light{
  --text:var(--ink-l);--text-2:var(--ink-l2);--text-3:var(--ink-l3);
  --gold:#c0392b;--gold-l:#d9472d;--gold-xl:#c0392b;--gold-d:#9e2b1f;--champagne:#c0392b;
  --line:rgba(80,45,20,.14);--line-soft:rgba(80,45,20,.09);
  --gold-grad:linear-gradient(100deg,#c0392b 0%,#e24e2e 40%,#f2793a 75%,#f59b42 100%);
  --num-grad:linear-gradient(180deg,#f59b42 0%,#ec6a35 45%,#d4442d 75%,#c0392b 100%);
  color:var(--ink-l);background-color:var(--cream);isolation:isolate;
}
.tone-cream{background:
  radial-gradient(38% 42% at 4% 6%,rgba(255,176,128,.42),transparent 70%),
  radial-gradient(30% 38% at 97% 24%,rgba(255,214,160,.6),transparent 72%),
  radial-gradient(42% 44% at 72% 104%,rgba(244,120,86,.18),transparent 70%),
  var(--cream)}
.tone-sand{background:
  radial-gradient(36% 40% at 96% 6%,rgba(255,168,112,.38),transparent 70%),
  radial-gradient(34% 42% at 2% 70%,rgba(255,206,150,.55),transparent 72%),
  var(--sand)}
.tone-peach{background:
  radial-gradient(40% 44% at 92% 8%,rgba(255,140,96,.36),transparent 70%),
  radial-gradient(38% 46% at 6% 96%,rgba(255,190,120,.5),transparent 72%),
  radial-gradient(24% 30% at 40% 40%,rgba(255,255,255,.5),transparent 70%),
  var(--peach)}
.is-light::before,.is-light+.sec::before,.is-hot::before,.is-hot+.sec::before{display:none}
.is-light .eyebrow{color:#c0392b;background:#fff;border-color:rgba(192,57,43,.16);box-shadow:0 8px 20px -14px rgba(160,60,30,.5)}
.is-light .eyebrow em{color:#c0392b}
.is-light .title{color:var(--ink-l)}
.is-light .lead{color:var(--ink-l2)}
.is-light .link-arrow{color:#c0392b;border-bottom-color:rgba(192,57,43,.35)}
.is-light .glass{background:rgba(255,255,255,.74);border:1px solid rgba(80,45,20,.08);box-shadow:0 24px 60px -42px rgba(120,60,20,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.is-light .hair::after{display:none}
.is-light .spot::before{background:radial-gradient(380px circle at var(--mx) var(--my),rgba(255,140,90,.13),transparent 60%)}
.is-light .note,.is-light .disc,.is-light .sim-note{background:rgba(255,255,255,.66);border-color:rgba(80,45,20,.12);color:var(--ink-l2)}
.is-light .src,.is-light .tbl-note,.is-light .cost-notes{color:var(--ink-l2)}
.is-light .ex-chip{border-color:rgba(192,57,43,.35);color:#c0392b;background:rgba(192,57,43,.06)}

/* =========================================================
   컬러 마키 띠 3종 (레드 · 앰버 · 잉크)
   ========================================================= */
.band{z-index:4;border:0;-webkit-mask-image:none;mask-image:none;padding:clamp(13px,1.6vw,20px) 0;background:var(--red)}
.band-track{animation-duration:40s}
.band-track span{font-family:var(--sans);font-style:normal;font-weight:900;font-size:clamp(26px,3.8vw,56px);line-height:1.15;letter-spacing:-.035em;color:#fff4e8;padding:0 .42em}
.band-track span.o{font-family:var(--sans);font-style:normal;font-weight:300;letter-spacing:-.03em;color:#ffcf9d;-webkit-text-stroke:0}
.band-track i{color:#ffcf9d;opacity:1;font-size:clamp(14px,1.6vw,22px)}
.band-1{rotate:-1.6deg;margin:-34px -3vw -26px;box-shadow:0 20px 44px -22px rgba(110,20,10,.55)}
.band-2{background:linear-gradient(90deg,#f7a548,#f2793a)}
.band-2 .band-track span{color:#22120a}
.band-2 .band-track span.o{color:#fff3e4}
.band-2 .band-track i{color:#8a2e12}
.band-3{background:#1c130c;rotate:1.3deg;margin:-22px -3vw;box-shadow:0 20px 44px -24px rgba(40,15,5,.5)}
.band-3 .band-track{animation-duration:46s}
.band-3 .band-track span{color:#fff1e2}
.band-3 .band-track span.o{color:#ff9a5a}
.band-3 .band-track i{color:#ff7a45}

/* =========================================================
   헤더 : 스크롤 시 떠 있는 알약 바
   ========================================================= */
.site-header.is-scrolled{height:78px;background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.hd-inner{transition:background-color .5s,box-shadow .5s,height .5s var(--ease),margin .5s var(--ease)}
.site-header.is-scrolled .hd-inner{width:calc(100% - 24px);max-width:1300px;height:60px;margin:10px auto 0;padding:0 10px 0 22px;border-radius:999px;
  background:rgba(24,16,11,.8);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
  box-shadow:0 16px 40px -20px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,220,190,.1)}
.brand-word{font-family:var(--sans);font-weight:800;letter-spacing:-.02em}
.brand-temp{color:var(--gold-l)}
.gnb a{font-size:14px;font-weight:600;color:rgba(255,240,225,.74)}
.gnb a::after{height:2px;border-radius:2px;background:var(--orange)}
.gnb a:hover,.gnb a.is-current{color:#fff}
.hd-ig{display:none;flex:none;margin-left:auto;width:40px;height:40px;border-radius:50%;place-items:center;color:#fff1e2;border:1px solid rgba(255,220,190,.26);transition:background-color .3s,border-color .3s}
.hd-ig svg{width:19px;height:19px}
.hd-ig:hover{background:rgba(255,140,90,.2);border-color:rgba(255,190,140,.6)}
.hd-ig+.hd-cta{margin-left:10px}
@media (min-width:600px){.hd-ig{display:grid}}
@media (min-width:1180px) and (max-width:1279px){.gnb{display:none}.hamburger{display:grid}}
@media (min-width:1280px){.gnb{display:flex;gap:clamp(16px,1.6vw,28px)}.hd-ig{margin-left:22px}}
.hamburger i{background:#fff1e2}
.mnav{overflow-y:auto;background:radial-gradient(90% 60% at 90% 0%,rgba(242,107,56,.36),transparent 62%),radial-gradient(70% 50% at 0% 100%,rgba(192,57,43,.32),transparent 62%),#120c08}
.mnav nav{gap:2px}
.mnav nav a{font-family:var(--sans);font-weight:800;letter-spacing:-.035em;font-size:clamp(22px,6vw,32px);padding:5px 0}
.mnav nav a em{font-family:var(--sans);font-style:normal;font-weight:700;font-size:12px;color:var(--orange);min-width:22px}
.mnav-btns{display:flex;flex-wrap:wrap;gap:10px}
.mnav-btns .btn{height:50px;padding:0 22px}

/* 온도계 · 커서 : 밝은 섹션 위에서도 보이게 */
.thermo-read{padding:3px 9px;border-radius:99px;background:rgba(24,16,11,.78);color:#ffe2c4}
.thermo-read small{color:#ffb980}
.thermo-tube{background:rgba(24,16,11,.6);border-color:rgba(255,190,140,.4)}
.thermo-fill{background:linear-gradient(0deg,#c0392b,#f26b38 45%,#f7a548)}
.topbar i{background:var(--hot-grad)}
.cursor-dot{background:#ff7a45;box-shadow:0 0 10px rgba(255,122,69,.7)}
.cursor-ring{border-color:rgba(255,122,69,.75)}
.cursor.is-link .cursor-ring{background:rgba(255,122,69,.95)}
.cursor.is-view .cursor-ring,.cursor.is-drag .cursor-ring{background:rgba(242,107,56,.95)}
.cursor-label{color:#fff}
.cursor.is-link.is-btn .cursor-ring{border-color:rgba(255,200,160,.9);box-shadow:0 0 24px -6px rgba(255,122,69,.55)}

/* =========================================================
   HERO (밤 무드 유지 + 트렌디 포인트)
   ========================================================= */
.hero-eyebrow{padding:8px 16px 8px calc(16px + .3em);border-radius:999px;border:1px solid rgba(255,210,170,.26);background:rgba(20,12,8,.38);letter-spacing:.3em;font-weight:700;font-size:11px;color:#ffe2c4}
.hero-title{font-family:var(--sans);font-weight:800;font-size:clamp(96px,12.5vw,190px);line-height:1;letter-spacing:-.03em;padding-left:0;color:#fff5ea}
.hero-tag{font-family:var(--sans)}
.hero-tag .l1{font-weight:500;color:#f6ebde}
.hero-tag .l2{font-weight:800;letter-spacing:-.03em}
.shimmer{background:linear-gradient(110deg,#ffb36b 0%,#ffd9b0 18%,#fff4e6 28%,#ffc48a 38%,#ff7a45 55%,#ffc48a 72%,#fff4e6 80%,#ff9a5a 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text}
.hero-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
.hero-pills li{padding:8px 15px;border-radius:999px;font-size:13.5px;font-weight:700;letter-spacing:-.01em;color:#fff1e2;background:rgba(255,235,215,.08);border:1px solid rgba(255,220,190,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero-pills li.hot{background:var(--hot-grad);border-color:transparent;color:#fff;rotate:-3deg;box-shadow:0 10px 24px -12px rgba(228,81,47,.8)}
.hero-cta{margin-top:28px}
.hero-frame{border-color:rgba(255,200,160,.14);border-radius:30px}
.hero-frame i{display:none}
.temp-badge{background:var(--hot-grad);border:0;rotate:-10deg;box-shadow:0 20px 50px -20px rgba(228,81,47,.75)}
.temp-badge b{font-family:var(--sans);font-weight:900;letter-spacing:-.045em;color:#fff}
.temp-badge b small{color:#ffe2c4}
.temp-badge em{color:#fff1e2}
.tb-ring{border-color:rgba(255,140,90,.6)}
.scroll-cue{left:clamp(28px,6vw,96px);bottom:clamp(64px,10vh,110px);transform:none;color:rgba(255,230,210,.6)}
.scroll-cue i::after{background:#ff9a5a}
.anim:not(.hero-go) .hero .hero-pills li{opacity:0}

/* =========================================================
   01 STORY (밝음 · 크림)
   ========================================================= */
.story-bgword{-webkit-text-stroke:1.5px rgba(192,57,43,.1)}
.story-quote{font-family:var(--sans);font-weight:800;font-size:clamp(32px,3.9vw,56px);line-height:1.28;letter-spacing:-.045em;color:var(--ink-l)}
.story-sign{color:#c0392b}
.story-body .story-last{color:var(--ink-l)}
.story .ph-in{border-radius:26px;background:#eadbc7}
.story .ph::before{inset:18px -18px -18px 18px;border:0;border-radius:30px;background:linear-gradient(135deg,#ffcfae,#ffad86)}
.story .sv-2::before{inset:-16px 16px 16px -16px;background:linear-gradient(135deg,#ffe3bd,#ffc68f)}
.story .ph figcaption{left:0;bottom:-38px;padding:6px 12px;border-radius:99px;background:#1c130c;color:#fff1e2;font-size:10.5px;letter-spacing:.18em;font-weight:600}
.story-sticker{right:-2%;top:40%}
@media (max-width:899px){.story-sticker{right:2%;top:auto;bottom:34%;width:84px;height:84px}.story-sticker b{font-size:21px!important}}

/* =========================================================
   02 SIGNATURE (어두움)
   ========================================================= */
.sig{background:radial-gradient(40% 50% at 86% 18%,rgba(242,107,56,.15),transparent 70%),radial-gradient(40% 50% at 8% 92%,rgba(192,57,43,.14),transparent 70%)}
.sig-card-in{border-radius:26px;background:linear-gradient(170deg,#2a1c12,#140d08);border-color:rgba(255,190,140,.1)}
.sig-card-in:hover{border-color:rgba(255,150,100,.4);box-shadow:0 40px 80px -40px rgba(0,0,0,.8),0 0 70px -30px rgba(255,120,70,.45)}
.sig-img{border-radius:18px}
.sig-meta{color:var(--gold-l)}
.sig-no{font-family:var(--sans);font-style:normal;font-weight:800;font-size:12px;letter-spacing:.02em;padding:4px 10px;border-radius:99px;background:var(--hot-grad);color:#fff}
.sig-name{font-family:var(--sans);font-weight:800;letter-spacing:-.035em}
.sig-name small{font-family:var(--serif);color:var(--gold-l)}
.sig-outro-q{font-family:var(--sans);font-weight:800;letter-spacing:-.04em;line-height:1.35}
.sig-bgtype-in span{background:linear-gradient(180deg,rgba(255,170,110,.22),rgba(242,107,56,.06));-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px rgba(255,160,100,.32)}
.sig-bgtype-in i{color:rgba(255,160,100,.45)}
.sig-progress{background:rgba(255,210,170,.16)}
.sig-progress i{background:var(--hot-grad)}

/* =========================================================
   03 SPACE (어두움)
   ========================================================= */
.space-swiper .swiper-slide{border-radius:26px}
.space-shot .cap{border-radius:99px;background:rgba(20,13,8,.6);border-color:rgba(255,210,170,.25);color:#fff1e2;letter-spacing:.06em;font-weight:600}
.sw-btn{border-color:rgba(255,200,160,.35);color:#fff1e2}
.sw-btn:hover{background:var(--hot-grad);border-color:transparent}
.space-bar{background:rgba(255,210,170,.18)}
.space-bar i{background:var(--hot-grad)}
.sk{border-color:rgba(255,210,170,.16)}
.sk.is-on{background:rgba(255,140,80,.12);border-color:rgba(255,160,100,.45)}
.sk b{font-family:var(--sans);font-weight:700}

/* =========================================================
   04 MARKET (밝음) — 벤토형 카드, 증가세 카드만 핫 그라데이션
   ========================================================= */
.mk-card{border-radius:28px;background:rgba(255,255,255,.76);border:1px solid rgba(80,45,20,.07);box-shadow:0 20px 50px -40px rgba(120,60,20,.45)}
.mk-num{font-family:var(--sans);font-weight:900;letter-spacing:-.05em;color:#8a7867;font-size:clamp(44px,5vw,82px)}
.mk-card.up{background:var(--hot-grad);border-color:transparent;box-shadow:0 30px 60px -30px rgba(228,81,47,.6)}
.mk-card.up .num.gold,.mk-card.up .num.gold .odo-strip::before,.mk-card.up .num.gold .odo-sym{background:none;color:#fff;-webkit-text-fill-color:#fff}
.mk-card.up .mk-lbl,.mk-card.up .mk-lbl span{color:#fff}
.mk-lbl{color:var(--ink-l);font-weight:700}
.mk-lbl span{color:var(--ink-l3)}
.mk-chart{border-radius:28px;background:rgba(255,255,255,.72);border-color:rgba(80,45,20,.07)}
.mk-row+.mk-row{border-top-color:rgba(80,45,20,.08)}
@media (min-width:768px){.mk-row{grid-template-columns:150px 1fr 96px}}
@media (max-width:767px){.mk-row{grid-template-columns:1fr 78px}.vs-mid{justify-self:center;width:60px;height:60px;font-size:22px}}
.mk-row b{font-family:var(--sans);font-weight:800;color:#8a7867;white-space:nowrap}
.mk-row b.g{color:#d4442d}
.mk-track::before{background:rgba(80,45,20,.25)}
.mk-track i{border-radius:99px}
.mk-track i.neg{background:linear-gradient(270deg,#cdbcaa,#e2d5c6)}
.mk-track i.pos{background:var(--hot-grad);box-shadow:0 0 18px rgba(242,107,56,.35)}
/* 768~1023 : 2+1 배치 (증가세 카드가 아래 한 줄 전체) · 1024~ : 3열 — minmax(0,…)로 칸이 내용 때문에 넓어지지 않게 */
@media (min-width:768px){
  .mk-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .mk-card.up{grid-column:1/-1}
  .mk-card.up .mk-num{font-size:clamp(44px,8vw,88px)}
}
@media (min-width:1024px){
  .mk-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.35fr)}
  .mk-card.up{grid-column:auto}
  .mk-card.up .mk-num{font-size:clamp(44px,6.6vw,104px)}
}
.mk-num{white-space:nowrap}

/* =========================================================
   05 WHY (어두움) — 벤토 그리드
   ========================================================= */
.why-card{border-radius:28px}
.why-frame{border-radius:20px}
.why-top{color:#ffd2a8}
.why-no{font-family:var(--sans);font-style:normal;font-weight:800;font-size:12.5px;padding:4px 10px;border-radius:99px;background:rgba(255,240,225,.12);border:1px solid rgba(255,220,190,.26)}
.why-card:first-child .why-no{background:var(--hot-grad);border-color:transparent;color:#fff}
.why-big{font-family:var(--sans);font-weight:900;letter-spacing:-.05em;font-size:clamp(56px,5.4vw,88px)}
.why-basis{border-radius:99px;background:rgba(20,12,8,.5);border-color:rgba(255,190,140,.3);color:#ffd2a8;font-weight:600}
.why-body h3{font-family:var(--sans);font-weight:800;letter-spacing:-.03em;font-size:clamp(20px,1.7vw,24px)}
.why-body p{min-height:0}
.why-body mark{background-image:linear-gradient(transparent 62%,rgba(242,107,56,.5) 62%)}
@media (min-width:1024px){
  .why-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(300px,auto));gap:16px}
  .why-card{height:auto;min-height:300px}
  .why-card:nth-child(1){grid-row:1/3}
  .why-card:nth-child(2){grid-column:2/4}
  .why-card:nth-child(1) .why-big{font-size:clamp(96px,10vw,160px)}
  .why-card:nth-child(1) .why-body h3{font-size:clamp(24px,2.2vw,32px)}
  .why-card:nth-child(2) .why-body{max-width:520px}
}

/* =========================================================
   06 PROFIT (밝음 · 샌드)
   ========================================================= */
.is-light .g-track{stroke:rgba(80,45,20,.08)}
.is-light .g-cost{stroke:rgba(80,45,20,.2)}
.is-light .g-net{filter:drop-shadow(0 6px 10px rgba(228,81,47,.28))}
.is-light .gauge-ticks line{stroke:rgba(80,45,20,.2)}
.is-light .gauge-ticks line.major{stroke:rgba(80,45,20,.42)}
.g-num{font-family:var(--sans);font-weight:900;letter-spacing:-.05em}
.is-light .gauge-legend i.net{background:#e4512f;box-shadow:none}
.is-light .gauge-legend i.cost{background:rgba(80,45,20,.28)}
.is-light .rc-head{border-bottom-color:rgba(80,45,20,.18)}
.is-light .rc-row{border-bottom-color:rgba(80,45,20,.12)}
.rc-row div b{font-family:var(--sans);font-weight:800;letter-spacing:-.02em}
.rc-amt .num{font-family:var(--sans);font-weight:900;letter-spacing:-.05em}
.is-light .rc-row.minus .num{color:#8a7867}
.is-light .rc-row.total{background:linear-gradient(100deg,#ffdcc6,#fff1e6)}
.is-light .rc-row.total div b{color:#c0392b}
.kpi{border-radius:24px}
.is-light .kpi{background:rgba(255,255,255,.76);border-color:rgba(80,45,20,.07);box-shadow:0 20px 44px -40px rgba(120,60,20,.5)}
.kpi .num{font-family:var(--sans);font-weight:900;letter-spacing:-.05em;font-size:clamp(40px,3.8vw,56px)}

/* =========================================================
   07 SIDE JOB · SIMULATOR (어두움)
   ========================================================= */
.sim{isolation:isolate;background:radial-gradient(45% 55% at 94% 28%,rgba(242,107,56,.2),transparent 70%),radial-gradient(40% 50% at 0% 100%,rgba(192,57,43,.18),transparent 70%)}
.sim-kicker{display:block;width:fit-content;margin:-4px 0 14px;padding-left:12px;border-left:2px solid #ff7a45;font-family:var(--sans);font-weight:600;font-size:clamp(15px,1.3vw,18px);color:#ffcf9d;line-height:1.5}
.sim-sub{font-family:var(--sans);font-weight:700;letter-spacing:-.03em}
.sim-sub span{color:#ff9a5a}
.sim-points li{border-radius:20px;background:rgba(255,240,225,.05);border-color:rgba(255,210,170,.12)}
.sim-points em{font-family:var(--sans);font-style:normal;font-weight:800;font-size:12.5px;line-height:1.3;padding:4px 9px;margin-top:2px;border-radius:99px;background:var(--hot-grad);color:#fff}
.sim-rv-link{display:flex;width:fit-content;align-items:center;gap:6px;margin-top:8px;font-size:13.5px;font-weight:700;color:#ffb980}
.sim-rv-link svg{width:15px;height:15px}
.sim-tip{margin-top:14px;font-size:13px;color:var(--text-3)}
.sim-card h3{font-family:var(--sans);font-weight:800;letter-spacing:-.03em}
.sim-salary output,.sim-total p b{font-family:var(--sans);font-weight:900;letter-spacing:-.04em}
.sim-total{border-color:rgba(255,160,110,.45);background:linear-gradient(110deg,rgba(242,107,56,.18),rgba(242,107,56,.03))}
.sim-badge{background:var(--hot-grad);color:#fff;rotate:-4deg;box-shadow:0 10px 24px -12px rgba(228,81,47,.8)}
.range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#c0392b 0,#f58a3c var(--p),rgba(255,210,170,.18) var(--p))}
.range::-moz-range-progress{background:#f26b38}
.range::-webkit-slider-thumb{background:radial-gradient(circle at 40% 35%,#fff,#ffb980 50%,#f2683c);box-shadow:0 0 0 6px rgba(255,140,90,.18),0 0 20px rgba(255,120,70,.6)}
.range::-moz-range-thumb{background:radial-gradient(circle at 40% 35%,#fff,#ffb980 50%,#f2683c)}

/* =========================================================
   OWNER'S NOTE — 점주 후기 (밝음 · 피치, 데이터 있을 때만)
   ========================================================= */
.is-light.mi-rv{--ig-line:rgba(80,45,20,.12)}
.is-light .rv-card{background:#fff;border-color:rgba(80,45,20,.08);box-shadow:0 20px 50px -36px rgba(120,60,20,.45)}
.is-light .rv-card::before{color:rgba(192,57,43,.14)}
.rv-label{margin:0;padding-bottom:12px;border-bottom:1px dashed rgba(192,57,43,.28);font-size:11.5px;font-weight:700;letter-spacing:.01em;color:#c0392b}
.is-light .rv-tag{background:var(--hot-grad);color:#fff}
.is-light .rv-mark{background:#ffe3d1;border-color:transparent;color:#c0392b}

/* =========================================================
   08 COST (밝음) — 미열 카드는 잉크 블록으로 대비
   ========================================================= */
.is-light .vs-side{background:rgba(255,255,255,.76);border-color:rgba(80,45,20,.08);border-radius:28px}
.is-light .vs-them .vs-lbl{color:var(--ink-l3)}
.is-light .vs-amt{color:#8a7867;font-family:var(--sans);font-weight:800;letter-spacing:-.03em;text-decoration-color:rgba(192,57,43,.75);text-decoration-thickness:2px}
.is-light .vs-us{--num-grad:linear-gradient(180deg,#ffe2c4 0%,#ffb066 45%,#ff7d45 80%,#f2683c 100%);background:#1c130c;border-color:transparent;color:#fff1e2;box-shadow:0 34px 70px -36px rgba(60,20,5,.6)}
.is-light .vs-us .vs-lbl{color:#ffb980}
.vs-us .vs-amt .num{font-family:var(--sans);font-weight:900;letter-spacing:-.05em}
.is-light .vs-us .vs-amt small{color:#e9d9c8}
.is-light .vs-us .ex-chip{color:#ffd2a8;border-color:rgba(255,190,140,.5);background:rgba(255,140,80,.12)}
.is-light .vs-bar{background:rgba(80,45,20,.08)}
.is-light .vs-us .vs-bar{background:rgba(255,230,210,.1)}
.is-light .vs-them .vs-bar i{background:linear-gradient(90deg,#d8c8b6,#c4b09b)}
.vs-us .vs-bar i{background:var(--hot-grad)}
.save-badge{border:0;background:var(--hot-grad);color:#fff;font-weight:800;rotate:-3deg;box-shadow:0 12px 26px -12px rgba(228,81,47,.8)}
.save-badge small{color:rgba(255,255,255,.85)}
.vs-mid{align-self:center;flex-direction:row;width:74px;height:74px;border-radius:50%;font-family:var(--sans);font-style:normal;font-weight:900;font-size:26px;letter-spacing:-.04em;line-height:1;color:#c0392b;background:#fff;box-shadow:0 14px 30px -18px rgba(120,60,20,.55)}
.vs-mid span:last-child{margin-left:0}
.tbl-wrap{border-radius:28px}
.tbl-title{font-family:var(--sans);font-weight:800;letter-spacing:-.03em}
.tbl-title span{font-family:var(--sans);font-style:normal;font-weight:800;font-size:12px;padding:4px 9px;border-radius:99px;background:var(--hot-grad);color:#fff}
.cmp .save{font-family:var(--sans);font-weight:800}
.cmp thead .mi{color:#fff;background:var(--hot-grad)}
.cmp tr.total th{font-family:var(--sans);font-weight:800}
.is-light .cmp th,.is-light .cmp td{border-bottom-color:rgba(80,45,20,.08)}
.is-light .cmp thead th{border-bottom-color:rgba(80,45,20,.18)}
.is-light .cmp thead .mi{color:#fff;background:var(--hot-grad)}
.is-light .cmp .mi{color:#c0392b;background:rgba(242,107,56,.08)}
.is-light .cmp .save{color:#c0392b}
.is-light .cmp tr.total{background:linear-gradient(90deg,rgba(255,200,160,.35),rgba(255,230,210,.15))}
.is-light .cmp tr.total th{color:var(--ink-l)}
.is-light .cmp tr.total td.mi{color:#c0392b;text-shadow:none}
.is-light .cmp tr.total .save{color:#c0392b}
.is-light .cmp td.mi::after{background-image:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%)}
@media (max-width:767px){
  .is-light .cmp tbody tr{border-color:rgba(80,45,20,.1);background:rgba(255,255,255,.88)}
  .is-light .cmp tbody th{border-bottom-color:rgba(80,45,20,.1)}
  .is-light .cmp td.mi{border-left-color:rgba(192,57,43,.25);color:#c0392b}
  .is-light .cmp td.mi::before{color:#c0392b}
  .is-light .cmp-4 td.save{border-left-color:rgba(80,45,20,.1)}
  .is-light .cmp tr.total{border-color:rgba(192,57,43,.4);background:linear-gradient(120deg,#ffe3d1,#fff3ea)}
  .is-light .cmp tr.total .mi,.is-light .cmp tr.total td.mi{color:#c0392b}
  .is-light .cmp .mi,.is-light .cmp tr.total .mi{background:none}
}

/* =========================================================
   09 EASY — 혼술바, 생각보다 쉽습니다 (밝음 · 피치)
   ========================================================= */
.easy-head{position:relative}
.easy-sticker{left:calc(100% + 18px);top:34px;rotate:8deg}
.easy-chat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.chat{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:26px;background:rgba(255,255,255,.62);border:1px solid rgba(80,45,20,.06);box-shadow:0 18px 40px -34px rgba(120,60,20,.5)}
.chat-q{align-self:flex-start;max-width:92%}
.chat-q span{display:inline-block;padding:11px 16px;border-radius:20px 20px 20px 6px;background:#efe2d4;color:var(--ink-l2);font-size:15px;font-weight:600;line-height:1.5}
.chat-a{align-self:flex-end;display:flex;gap:9px;align-items:flex-start;max-width:94%;padding:12px 16px;border-radius:20px 20px 6px 20px;background:var(--hot-grad);color:#fff;font-size:15.5px;font-weight:600;line-height:1.55;box-shadow:0 12px 26px -16px rgba(228,81,47,.75)}
.chat-a>span{display:block}
.chat-a svg{width:20px;height:20px;flex:none;margin-top:1px;padding:3px;border-radius:50%;background:rgba(255,255,255,.24)}
.chat-a b{font-weight:800}
.chat-a small{display:block;margin-top:2px;font-size:12px;font-weight:500;opacity:.88}
.easy-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(26px,3vw,40px)}
.easy-flow li{position:relative;padding:22px 20px;border-radius:24px;background:#1c130c;color:#fff1e2;overflow:hidden}
.easy-flow li:first-child{background:var(--hot-grad)}
.ef-ico{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:14px;background:rgba(255,240,225,.1);color:#ffb980}
.easy-flow li:first-child .ef-ico{background:rgba(255,255,255,.22);color:#fff}
.ef-ico svg{width:22px;height:22px}
.easy-flow em{display:block;margin-bottom:4px;font-size:12px;font-weight:700;letter-spacing:.06em;color:#ffb980}
.easy-flow li:first-child em{color:#ffe7d3}
.easy-flow b{display:block;margin-bottom:6px;font-size:18px;font-weight:800;letter-spacing:-.03em}
.easy-flow p{font-size:14px;line-height:1.7;color:rgba(255,241,226,.76)}
.easy-flow li:first-child p{color:rgba(255,255,255,.92)}
.easy-flow li:not(:last-child)::after{content:"";position:absolute;right:18px;top:30px;width:20px;height:20px;opacity:.5;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb980' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M13 5l7 7-7 7'/%3E%3C/svg%3E")}
.easy-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px}
.easy-strip{display:flex;flex-wrap:wrap;gap:8px}
.easy-strip span{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;background:#fff;border:1px solid rgba(80,45,20,.08);font-size:14.5px;font-weight:700;color:var(--ink-l)}
.easy-strip svg{width:18px;height:18px;color:#e4512f}
.easy-note{margin-top:18px}
@media (max-width:1023px){
  .easy-chat{grid-template-columns:repeat(2,minmax(0,1fr))}
  .easy-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .easy-head{width:100%}
  .easy-sticker{left:auto;right:0;top:-12px}
}
@media (max-width:599px){
  .easy-chat{grid-template-columns:1fr;gap:10px}
  .chat{padding:16px;border-radius:22px}
  .easy-flow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:22px calc(var(--pad)*-1) 0;padding:0 var(--pad) 6px;scrollbar-width:none}
  .easy-flow::-webkit-scrollbar{display:none}
  .easy-flow li{flex:0 0 76vw;scroll-snap-align:start}
  .easy-sticker{width:72px;height:72px;top:-16px;right:0}
  .easy-sticker b{font-size:21px!important}
}

/* =========================================================
   10 OPERATION (어두움)
   ========================================================= */
.stamp{rotate:-4deg;border:0;font-family:var(--sans);font-weight:800;color:#2a1408;background:linear-gradient(135deg,#ffc463,#f7953f);box-shadow:0 14px 30px -14px rgba(247,149,63,.7)}
.stamp em{color:#7a2a12}
.stamp em::after{background:rgba(60,25,5,.35)}
.chip-marquee{border-color:rgba(255,210,170,.1);background:none}
.chip{border-color:rgba(255,200,160,.22);background:rgba(255,240,225,.05)}
.chip b{font-family:var(--sans);font-weight:800;letter-spacing:-.02em;color:#ffcf9d}
.chip:nth-child(4n+2){background:var(--hot-grad);border-color:transparent}
.chip:nth-child(4n+2) em{color:rgba(255,255,255,.85)}
.chip:nth-child(4n+2) b{color:#fff}

/* =========================================================
   11 MARKETING — 가게는 사장님이, 마케팅은 본사가 (핫 레드)
   ========================================================= */
.is-hot{
  --text:#fff6ec;--text-2:rgba(255,240,226,.88);--text-3:rgba(255,230,210,.72);
  --gold:#ffe0c0;--gold-l:#ffe7cf;--gold-xl:#fff;
  --gold-grad:linear-gradient(100deg,#fff4e6 0%,#ffd9b3 55%,#ffc48a 100%);
  position:relative;color:#fff6ec;isolation:isolate;overflow:hidden;
  background:
    radial-gradient(45% 55% at 10% 10%,rgba(255,170,90,.45),transparent 70%),
    radial-gradient(40% 50% at 94% 90%,rgba(255,130,60,.5),transparent 70%),
    radial-gradient(60% 60% at 75% 0%,rgba(110,10,0,.4),transparent 70%),
    linear-gradient(160deg,#9c281c 0%,#c0392b 45%,#e0532f 100%);
}
.is-hot .eyebrow{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.32);color:#fff}
.is-hot .eyebrow em{color:#fff}
.is-hot .lead{color:rgba(255,242,230,.9)}
.mkt-title{font-size:clamp(42px,6.6vw,98px);line-height:1.08;color:#fff}
.mkt-bgword{position:absolute;left:50%;top:clamp(40px,6vw,90px);transform:translateX(-50%);z-index:-1;pointer-events:none;white-space:nowrap;
  font-family:var(--sans);font-weight:900;font-size:clamp(90px,17vw,270px);line-height:1;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.14)}
.mkt-vs{display:grid;grid-template-columns:minmax(0,.82fr) auto minmax(0,1.18fr);gap:18px;align-items:center;max-width:1060px;margin:0 auto}
.mkt-card{position:relative;padding:clamp(26px,3vw,40px);border-radius:30px;align-self:stretch}
.mkt-me{background:rgba(255,245,235,.12);border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column}
.mkt-hq{background:#fff6ec;color:#1c130c;box-shadow:0 40px 80px -40px rgba(70,8,0,.75)}
.mkt-who{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:clamp(22px,2.2vw,30px);font-weight:900;letter-spacing:-.04em;line-height:1.2}
.mkt-who svg{width:38px;height:38px;flex:none;padding:8px;border-radius:13px;background:rgba(255,255,255,.18);color:#fff}
.mkt-hq .mkt-who svg{background:var(--hot-grad)}
.mkt-list{display:flex;flex-direction:column;gap:9px}
.mkt-list li{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:16px;font-size:clamp(15px,1.25vw,16.5px);font-weight:600;line-height:1.5}
.mkt-me .mkt-list li{background:rgba(255,255,255,.1)}
.mkt-me .mkt-list small{margin-left:auto;padding-left:8px;font-size:12px;font-weight:600;opacity:.82;white-space:nowrap}
.mkt-hq .mkt-list li{background:#fff;border:1px solid rgba(80,45,20,.07);box-shadow:0 8px 20px -16px rgba(120,60,20,.5)}
.mkt-hq .mkt-list svg{width:22px;height:22px;flex:none;padding:4px;border-radius:50%;background:#ffe3d1;color:#c0392b}
.mkt-hq .mkt-list b{color:#c0392b;font-weight:800}
.mkt-end{margin-top:auto;padding-top:18px;font-family:var(--sans);font-weight:700;font-size:15.5px;letter-spacing:-.02em;color:#fff6ec}
.mkt-plus{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#1c130c;color:#ffb980;font-size:28px;font-weight:900;line-height:1;box-shadow:0 12px 30px -12px rgba(40,5,0,.7)}
.mkt-sticker{right:24px;top:-16px;rotate:6deg}
.mkt-chips{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:clamp(34px,4vw,52px)}
.mkt-chips-lbl{font-size:12px;font-weight:700;letter-spacing:.2em;color:rgba(255,240,226,.82)}
.mkt-chips ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.mkt-chips li{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 20px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);font-size:15px;font-weight:700}
.mkt-chips li:nth-child(odd){rotate:-2deg}
.mkt-chips li:nth-child(even){rotate:2deg}
/* 숨겨진 '숏폼' 칩은 빼고 지그재그 순서를 센다 */
.mkt-chips li:nth-child(odd of :not([hidden])){rotate:-2deg}
.mkt-chips li:nth-child(even of :not([hidden])){rotate:2deg}
.mkt-chips svg{width:18px;height:18px}
.mkt-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:clamp(30px,3.6vw,44px)}
.is-hot .btn-line{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.08);color:#fff}
.is-hot .btn-line:hover{background:rgba(255,255,255,.16);border-color:#fff}
.mkt-list li{word-break:keep-all}
@media (max-width:899px){
  .mkt-vs{grid-template-columns:1fr;gap:12px;max-width:640px}
  .mkt-plus{justify-self:center;width:46px;height:46px;font-size:24px;margin:-4px 0}
}
@media (max-width:767px){
  .mkt-cta .btn{width:100%}
  .mkt-chips li{height:42px;padding:0 15px;font-size:14px}
}

/* =========================================================
   12 SUPPORT (밝음 · 크림)
   ========================================================= */
.step{border-radius:26px}
.step>p:not(.step-lbl){font-size:14.5px;color:var(--text-2);line-height:1.8}
.step h3{font-family:var(--sans);font-weight:800;letter-spacing:-.03em}
.step-lbl em{font-family:var(--sans);font-style:normal;font-weight:800;font-size:13px;color:#c0392b}
.is-light .quote{color:var(--ink-l)}
.is-light .step{background:rgba(255,255,255,.76);border-color:rgba(80,45,20,.07);box-shadow:0 20px 50px -42px rgba(120,60,20,.5)}
.is-light .step:hover{border-color:rgba(228,81,47,.35)}
.is-light .step-dot{border:0;border-radius:18px;background:#ffe3d1;color:#c0392b}
.is-light .step-dot::after{display:none}
.is-light .step::after{background:linear-gradient(90deg,rgba(228,81,47,.55),rgba(228,81,47,.08))}
.is-light .step.is-hl{background:#1c130c;border-color:transparent;color:#fff1e2}
.is-light .step.is-hl h3{color:#fff}
.is-light .step.is-hl>p:not(.step-lbl){color:rgba(255,241,226,.8)}
.is-light .step.is-hl .step-lbl{color:rgba(255,230,210,.7)}
.is-light .step.is-hl .step-lbl em{color:#ffb980}
.is-light .step.is-hl .step-dot{background:var(--hot-grad);color:#fff}
.step-more{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;height:38px;margin-top:14px;padding:0 16px;border-radius:99px;background:var(--hot-grad);color:#fff;font-size:13.5px;font-weight:700;transition:gap .3s var(--ease)}
.step-more svg{width:16px;height:16px}
.step-more:hover{gap:10px}
@media (max-width:899px){.is-light .step::after{background:linear-gradient(180deg,rgba(228,81,47,.55),rgba(228,81,47,.08))}}

/* =========================================================
   13 BRANCHES (어두움)
   ========================================================= */
.br-filter button{font-weight:700;border-color:rgba(255,210,170,.24)}
.br-filter button:hover{color:#fff;border-color:rgba(255,170,120,.6)}
.br-filter button.is-on{background:var(--hot-grad);color:#fff}
.br-group{border-radius:30px;border-color:rgba(255,210,170,.09)}
.br-arch{border-color:rgba(255,200,160,.25)}
.br-arch::after{border-color:rgba(255,200,160,.18)}
.br-info h3{font-family:var(--sans);font-weight:800;letter-spacing:-.035em}
.br-kind{font-weight:700}
.br-list a{border-color:rgba(255,200,160,.25);color:#ffcf9d}
.br-list a:hover{background:rgba(255,140,80,.16)}
.st.live{color:#ffb36b;background:rgba(255,140,80,.14)}

/* =========================================================
   14 FAQ (밝음 · 샌드) — 카드형 아코디언
   ========================================================= */
.faq-q{font-weight:700;letter-spacing:-.025em}
.faq-q em{font-family:var(--sans);font-style:normal;font-weight:800;font-size:14px;color:#c0392b}
.is-light .faq-item,.is-light .faq-item:first-child{margin-bottom:10px;padding:0 12px;border:1px solid rgba(80,45,20,.07);border-radius:22px;background:rgba(255,255,255,.72);transition:box-shadow .4s,border-color .4s}
.is-light .faq-item.is-open{border-color:rgba(228,81,47,.28);box-shadow:0 20px 44px -36px rgba(160,60,30,.55)}
.is-light .faq-q{padding:22px 4px}
.is-light .faq-q:hover{color:#c0392b}
.is-light .faq-q i{border-color:rgba(80,45,20,.2)}
.is-light .faq-q i::before,.is-light .faq-q i::after{background:var(--ink-l)}
.is-light .faq-item.is-open .faq-q i{background:var(--hot-grad);border-color:transparent}
.is-light .faq-item.is-open .faq-q i::before,.is-light .faq-item.is-open .faq-q i::after{background:#fff}
.is-light .faq-a a{color:#c0392b;border-bottom-color:rgba(192,57,43,.4)}
@media (max-width:899px){.is-light .faq-a p{padding:0 6px 22px 48px}}

/* =========================================================
   15 INSTAGRAM (어두움 · 밤의 피드)
   ========================================================= */
.insta{isolation:isolate}
.insta:not(.is-light){background:radial-gradient(42% 52% at 50% 0%,rgba(242,107,56,.2),transparent 70%),radial-gradient(36% 46% at 100% 100%,rgba(192,57,43,.2),transparent 70%)}
.ig-follow{color:#fff;background:var(--hot-grad);box-shadow:0 12px 30px -12px rgba(228,81,47,.75),inset 0 1px 0 rgba(255,255,255,.25)}
.ig-follow:hover{box-shadow:0 16px 40px -12px rgba(228,81,47,.9),inset 0 1px 0 rgba(255,255,255,.3)}
.ig-name small{color:#ffcf9d;background:rgba(255,140,80,.14);border-color:rgba(255,160,100,.3)}
.ig-handle{color:#ffb980}
.ig-btitle{font-family:var(--sans);font-style:normal;font-weight:900;letter-spacing:-.03em;color:#fff1e2}
.ig-profile{border-color:rgba(255,200,160,.16)}

/* =========================================================
   16 CONTACT · FOOTER · 플로팅
   ========================================================= */
.ct-title{font-size:clamp(34px,5.2vw,74px)}
.ct-tel{font-family:var(--sans);font-weight:900;letter-spacing:-.04em}
.ct-lbl{color:#ffb980;font-weight:700}
.ct-bignum{font-family:var(--sans);font-weight:900;letter-spacing:-.06em;-webkit-text-stroke:1.5px rgba(255,170,110,.12)}
.ct-info{border-top-color:rgba(255,210,170,.14)}
.ft-h{font-family:var(--sans);font-style:normal;font-weight:800;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#ffb980}
.ft-sns{display:inline-flex;align-items:center;gap:10px;height:44px;margin-top:20px;padding:0 18px 0 13px;border-radius:999px;border:1px solid rgba(255,210,170,.26);color:#fff1e2;font-size:14px;font-weight:700;transition:background .3s,border-color .3s}
.ft-sns svg{width:20px;height:20px}
.ft-sns:hover{background:var(--hot-grad);border-color:transparent}
.float-call{color:#fff;background:var(--hot-grad);box-shadow:0 16px 40px -12px rgba(228,81,47,.65)}
.fc-ring{border-color:rgba(255,140,90,.8)}
.mbar{border-top-color:rgba(255,200,160,.16)}
.mbar-call{color:#fff;background:var(--hot-grad)}
.mbar-sms{color:#ffe2c4;border-color:rgba(255,200,160,.4)}

/* =========================================================
   모바일 다듬기
   ========================================================= */
@media (max-width:767px){
  .hero-eyebrow{font-size:9.5px;letter-spacing:.18em;padding:7px 12px 7px calc(12px + .18em)}
  .hero-pills{gap:6px;margin-top:18px}
  .hero-pills li{padding:7px 12px;font-size:12.5px}
  .hero-cta{margin-top:22px}
  .band-1{margin:-30px -4vw -22px}
  .band-3{margin:-18px -4vw}
  .sticker.is-round{width:86px;height:86px}
  .sticker.is-round b{font-size:21px}
}

/* 접근성 : 움직임 줄이기 */
@media (prefers-reduced-motion:reduce){
  .sticker{animation:none}
}

/* =========================================================
   v2.1 — 2차 QA 반영 (2026-10-19)
   ========================================================= */
[hidden]{display:none!important}

/* 흰 글자가 올라가는 그라데이션 면 → 어두운 끝색(--hot-grad-txt). 장식 막대·링은 기존 --hot-grad 유지 */
.btn-gold,.disc b,.hero-pills li.hot,.sig-no,.why-card:first-child .why-no,.mk-card.up,.sim-points em,.sim-badge,
.is-light .rv-tag,.save-badge,.tbl-title span,.cmp thead .mi,.is-light .cmp thead .mi,.easy-flow li:first-child,
.chat-a,.step-more,.br-filter button.is-on,.ig-follow,.float-call,.mbar-call,.is-light .step.is-hl .step-dot,.temp-badge{background:var(--hot-grad-txt)}
.ft-sns:hover,.sw-btn:hover{background:var(--hot-grad-txt)}

/* 세리프·이탤릭은 포인트로만 (히어로 부제·칵테일 한자 정도) */
.story-sub{font-family:var(--sans);font-weight:500;letter-spacing:-.02em}
.story-sign,.story-sign .ko{font-family:var(--sans);font-style:normal;font-weight:700;font-size:15px;letter-spacing:.01em}
.story-body .story-last{font-family:var(--sans);font-weight:700;letter-spacing:-.02em}
.quote{font-family:var(--sans);font-weight:600;letter-spacing:-.02em;line-height:1.7}
.brand-temp{font-family:var(--sans);font-style:normal;font-weight:700;font-size:12.5px;letter-spacing:.01em}
.thermo-read{font-family:var(--sans);font-weight:700}
.sig-count,.space-frac{font-family:var(--sans);font-style:normal;font-weight:700}
.sig-bgtype-in{font-family:var(--sans);font-style:normal;font-weight:900;letter-spacing:-.04em}

/* 밝은 섹션 작은 글자 대비 */
.is-light .g-lbl{color:var(--ink-l2);font-weight:600}
.is-light .mk-lbl span{color:var(--ink-l2)}

/* EASY : 단서 문구는 말풍선 밖, 잉크색 */
.chat-note{align-self:flex-end;max-width:94%;margin-top:-4px;padding:0 6px;font-size:12.5px;font-weight:600;line-height:1.5;color:var(--ink-l2);text-align:right}
/* EASY : 운영 비교표 펼침 */
.easy-more{margin-top:clamp(24px,3vw,36px);border-radius:28px;background:rgba(255,255,255,.62);border:1px solid rgba(80,45,20,.08);box-shadow:0 18px 40px -34px rgba(120,60,20,.5)}
.easy-more>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px clamp(20px,2.4vw,30px);cursor:pointer;list-style:none;
  font-size:clamp(16px,1.4vw,18px);font-weight:800;letter-spacing:-.03em;color:var(--ink-l)}
.easy-more>summary::-webkit-details-marker{display:none}
.easy-more>summary i{position:relative;flex:none;width:36px;height:36px;border-radius:50%;background:var(--hot-grad-txt);transition:rotate .4s var(--ease)}
.easy-more>summary i::before,.easy-more>summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;border-radius:2px;background:#fff}
.easy-more>summary i::after{rotate:90deg;transition:rotate .4s var(--ease)}
.easy-more[open]>summary i::after{rotate:0deg}
.easy-more>summary:hover{color:#c0392b}
.easy-more-in{padding:0 clamp(12px,2vw,26px) clamp(16px,2vw,26px)}
.easy-more-lead{margin:0 6px 16px;font-size:14.5px;color:var(--ink-l2)}
.easy-more-lead b{color:#c0392b;font-weight:800}
.easy-more .ops-tables{gap:14px}
.easy-more .tbl-wrap{background:#fff;border:1px solid rgba(80,45,20,.07);box-shadow:none}
.easy-more .cmp tbody tr{opacity:1!important;transform:none!important}
.easy-more .cmp td.mi::after{display:none}
.easy-note{margin-top:14px}
@media (max-width:599px){.easy-more>summary{padding:16px 18px}.easy-more-in{padding:0 8px 10px}}

/* INSTAGRAM : 밝은 톤(피치) + 빈 상태는 컴팩트하게 */
.insta.is-light{--ig-line:rgba(80,45,20,.12);--ig-bg:#fff;--ig-text:var(--ink-l);--ig-text-2:var(--ink-l2);--ig-text-3:var(--ink-l3)}
.insta.is-light .ig-profile{background:#fff;border-color:rgba(80,45,20,.08);box-shadow:0 26px 60px -40px rgba(120,60,20,.5);-webkit-backdrop-filter:none;backdrop-filter:none}
.insta.is-light .ig-profile::before{background:radial-gradient(circle,rgba(255,150,100,.28),transparent 65%)}
.insta.is-light .ig-name{color:var(--ink-l)}
.insta.is-light .ig-handle{color:#c0392b;font-weight:700}
.insta.is-light .ig-btitle{color:var(--ink-l)}
.insta.is-light .ig-btitle small{color:var(--ink-l2)}
.insta.is-light .ig-more{color:var(--ink-l2);border-color:rgba(80,45,20,.16)}
.insta.is-light .ig-more:hover{color:#c0392b;border-color:rgba(192,57,43,.4);background:#fff}
.insta.is-light .ig-arrow{color:var(--ink-l);border-color:rgba(80,45,20,.16);background:#fff}
.insta.is-light .ig-card{box-shadow:0 18px 40px -26px rgba(120,60,20,.55)}
.insta.is-light .ig-avatar img{border-color:#fff}
.insta:has(.ig.is-empty){padding:clamp(72px,9vw,120px) 0}
.ig.is-empty .ig-profile{max-width:720px;padding:clamp(20px,2.6vw,30px) clamp(20px,2.8vw,34px)}
.ig.is-empty .ig-follow{height:56px;padding:0 30px;font-size:16px}
.ig.is-empty .ig-follow .ig-ico{width:20px;height:20px}
.ig-name{font-size:clamp(18px,1.7vw,22px);font-weight:800;letter-spacing:-.03em}