@property --hp{syntax:"<number>";inherits:false;initial-value:0}
@property --mx{syntax:"<number>";inherits:false;initial-value:0}
@property --my{syntax:"<number>";inherits:false;initial-value:0}
/* ── Hero · tilted wall behind centered copy ── */
.hero{position:relative;height:100vh;height:100svh;min-height:780px;padding-top:64px;overflow:hidden;background:#fff;isolation:isolate}
.stage{position:absolute;inset:0;z-index:1;pointer-events:none}
.wall{position:absolute;left:50%;top:50%;display:flex;gap:30px;height:2200px;
  transform:translate(-50%,-50%) perspective(2600px) translate3d(calc(var(--mx)*-18px),calc(var(--hp)*-90px + var(--my)*-12px),0) rotateX(calc(30deg - var(--hp)*8deg)) rotateZ(-12deg)}
.wall-col{flex:none;width:300px}
.wall-track{display:flex;flex-direction:column;animation:colUp var(--dur,80s) linear infinite;will-change:transform}
.wall-col:nth-child(even) .wall-track{animation-name:colDown}
.wall-track .mk{margin-bottom:30px;zoom:.94;box-shadow:0 1px 0 rgba(2,32,71,.05),0 18px 48px rgba(2,32,71,.13)}
@keyframes colUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes colDown{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.stage-fade{position:absolute;inset:0;z-index:2;pointer-events:none;background:
  radial-gradient(ellipse 42% 44% at 50% 53%,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 56%,rgba(255,255,255,0) 100%),
  linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 85%,#fff 100%)}
.hero-copy{position:absolute;left:50%;top:calc(50% + 32px);z-index:5;width:min(800px,calc(100% - 40px));transform:translate(-50%,-50%);text-align:center}
.pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:var(--blue-50);color:#1557c0;font-size:14px;font-weight:600}
.pill i{width:6px;height:6px;border-radius:50%;background:var(--blue)}
.hero h1{margin:22px 0 0;font-size:clamp(38px,5.4vw,74px);line-height:1.22;font-weight:800;letter-spacing:-.035em}
.hero h1 .blue{color:var(--blue)}
.hero-sub{margin:24px auto 0;font-size:clamp(17px,1.5vw,21px);line-height:1.65;color:var(--g700);font-weight:500}
.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:36px}
.hero-note{margin:18px 0 0;font-size:13px;color:var(--g600)}
.js .hero-copy-in>*{opacity:0;transform:translateY(20px);animation:up .9s var(--ease) forwards}
.js .hero-copy-in>*:nth-child(2){animation-delay:.08s}
.js .hero-copy-in>*:nth-child(3){animation-delay:.16s}
.js .hero-copy-in>*:nth-child(4){animation-delay:.24s}
.js .hero-copy-in>*:nth-child(5){animation-delay:.32s}
@keyframes up{to{opacity:1;transform:none}}
@keyframes bob{50%{transform:translateY(-14px)}}
.device{padding:9px;border-radius:44px;background:#0f1114;box-shadow:var(--shadow-float),inset 0 0 0 1.5px #3a3f46}
.device .mk{border-radius:35px}
.toast{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 16px 12px 12px;border-radius:18px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-float);font-size:14px;font-weight:600;color:var(--g800);white-space:nowrap;animation:bob 6s ease-in-out infinite}
.toast small{display:block;font-size:12px;font-weight:500;color:var(--g600)}
.toast .logo-dot{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:18px;color:var(--blue-700);background:var(--blue-50);flex:none}
.toast-1{left:6%;top:26%}
.toast-2{left:74%;top:20%;animation-delay:-2s}
.toast-3{left:70%;top:79%;animation-delay:-4s}
.toast-4{left:9%;top:74%;animation-delay:-3s}
@media (max-width:1100px){.toast-2,.toast-4{display:none}.toast-1{left:4%}.toast-3{left:62%}}
@media (max-width:860px){
  .hero{min-height:720px}
  .hero-copy{top:calc(50% + 24px)}
  .hero h1{font-size:clamp(32px,8.6vw,44px)}
  .hero-sub{font-size:16px}
  .hero-sub br{display:none}
  .wall{opacity:.55;transform:translate(-50%,-50%) perspective(2000px) rotateX(28deg) rotateZ(-12deg) scale(.72)}
  .stage-fade{background:radial-gradient(ellipse 72% 40% at 50% 52%,rgba(255,255,255,.99) 0%,rgba(255,255,255,.92) 62%,rgba(255,255,255,.25) 100%),linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,#fff 100%)}
  .toast{display:none}
}
[data-motion="paused"] .wall-track,[data-motion="paused"] .toast,[data-motion="paused"] .mk *,[data-motion="paused"] .mk *::after,[data-motion="paused"] .seg [role="tab"] i{animation-play-state:paused}


/* ── Mockup host contract ─────────────── */
.mk{width:320px;height:600px;display:flex;flex-direction:column;overflow:hidden;border-radius:30px;background:#fff;position:relative;flex:none;text-align:left;line-height:1.45;letter-spacing:normal;word-break:keep-all;-webkit-font-smoothing:antialiased;color:#111;font-family:-apple-system,BlinkMacSystemFont,"Pretendard Variable","Apple SD Gothic Neo",sans-serif;isolation:isolate}
.mk *{box-sizing:border-box}
.mk-body{flex:1 1 auto;min-height:0;overflow:hidden;position:relative}
.mk-flow{position:relative;transition:transform .8s var(--ease);will-change:transform}
.mk .mk-step{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .5s var(--ease)}
.mk .mk-step.on{opacity:1;transform:none}
.mk .mk-type.typing::after,.mk .mk-stream.typing::after{content:"";display:inline-block;width:1.5px;height:1em;margin-left:1px;vertical-align:-.14em;background:currentColor;animation:mkBlink .9s steps(2) infinite}
@keyframes mkBlink{50%{opacity:0}}
.mk-sb{flex:none;height:42px;padding:0 24px 0 30px;display:flex;align-items:center;justify-content:space-between;font:600 15px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Pretendard Variable",sans-serif;letter-spacing:-.01em;color:#111}
.mk-sb--dark{color:#fff}
.mk-sb-ic{display:flex;align-items:center;gap:5px}
.mk-sb-ic svg{display:block;height:11px;width:auto;fill:currentColor}

/* ── Hero extras ───────────────────────── */
.motion-btn{position:absolute;right:var(--gutter);bottom:24px;z-index:6;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:0;border-radius:999px;background:rgba(242,244,246,.92);color:var(--g700);font-size:13px;font-weight:600;cursor:pointer}
.motion-btn:hover{background:var(--g200)}
@media (max-width:860px){.motion-btn{right:12px;bottom:12px}}


/* ── Brand band ────────────────────────── */
.brands{padding:40px 0 20px}
.brands-cap{margin:0 0 20px;text-align:center;font-size:15px;font-weight:600;color:var(--g600)}
.brands-in{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 44px;margin:0;padding:0;list-style:none}
.wm{font-size:22px;line-height:1;font-weight:700;letter-spacing:-.02em;color:var(--g600)}
.brands-note{margin:22px 0 0;text-align:center;font-size:13px;color:var(--g600)}


/* ── Screens (platform switcher) ───────── */
.screens-grid{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:72px;align-items:center}
.seg{display:flex;flex-wrap:wrap;gap:8px;margin:36px 0 28px}
.seg [role="tab"]{position:relative;overflow:hidden;height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--g100);color:var(--g700);font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.seg [role="tab"]:hover{background:var(--g200)}
.seg [role="tab"][aria-selected="true"]{background:var(--g900);color:#fff}
.seg [role="tab"] i{position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--blue)}
.seg [role="tab"].auto i{animation:segFill 11s linear forwards}
@keyframes segFill{to{width:100%}}
.need-h{margin:0 0 6px;font-size:15px;font-weight:600;color:var(--g600)}
.checklist{margin:0;padding:0;list-style:none}
.checklist li{display:grid;grid-template-columns:28px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--g100)}
.checklist li:last-child{border-bottom:0}
.check{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-size:15px}
.check .ico{stroke-width:3}
.checklist b{display:block;font-size:18px;font-weight:700;line-height:1.45}
.checklist div>span{display:block;margin-top:4px;font-size:15px;color:var(--g700)}
.device-stage{position:relative;display:grid;place-items:center;min-height:700px}
.device-stage::before{content:"";position:absolute;inset:6% -4%;border-radius:48px;background:radial-gradient(60% 55% at 50% 45%,var(--blue-50),rgba(232,243,255,0) 70%)}
.device-stage .device{position:relative;transform:scale(1.04)}
@media (max-width:1060px){.screens-grid{grid-template-columns:minmax(0,1fr);gap:24px}.device-stage{min-height:0;padding:12px 0}.device-stage .device{transform:none}}
@media (max-width:400px){.device-stage .device{zoom:.92}}
@media (max-width:360px){.device-stage .device{zoom:.84}}
@media (max-width:330px){.device-stage .device{zoom:.8}}


/* ── Naver mobile search (m.search.naver.com) · light ── */
.mk-naver {
  background: #fff;
  color: #111;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  letter-spacing: -0.2px;
  -webkit-font-smoothing: antialiased;
}
.mk-naver svg { display: block; }

/* search header */
.mk-naver .nv-top { flex: none; background: #fff; padding: 6px 12px 4px; }
.mk-naver .nv-box {
  display: flex; align-items: center; gap: 8px;
  height: 44px; box-sizing: border-box;
  padding: 0 10px 0 9px;
  border: 2px solid #03C75A; border-radius: 10px;
  background: #fff;
}
.mk-naver .nv-logo { width: 22px; height: 22px; flex: none; }
.mk-naver .nv-q {
  flex: 1; min-width: 0; display: flex; align-items: center;
  font-size: 16px; font-weight: 500; color: #000; letter-spacing: -0.3px;
  white-space: nowrap; overflow: hidden;
}
.mk-naver .nv-caret {
  flex: none; width: 1.6px; height: 19px; margin-left: 1px; border-radius: 1px;
  background: #03C75A; animation: mk-naver-blink 1s steps(1) infinite;
}
.mk-naver:has(.mk-step.on) .nv-caret { display: none; }
.mk-naver .nv-ic { flex: none; display: flex; }
.mk-naver .nv-ic-clear svg { width: 18px; height: 18px; }
.mk-naver .nv-ic-sch { padding-left: 2px; }
.mk-naver .nv-ic-sch svg { width: 23px; height: 23px; }

/* vertical tabs */
.mk-naver .nv-tabs {
  flex: none; position: relative; display: flex;
  height: 41px; padding: 0 7px; background: #fff;
  border-bottom: 1px solid #E3E6EA;
  white-space: nowrap; overflow: hidden;
}
.mk-naver .nv-tabs::after {
  content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 34px;
  background: linear-gradient(90deg, rgba(255,255,255,0), #fff 80%);
}
.mk-naver .nv-tab {
  position: relative; flex: none; display: flex; align-items: center;
  padding: 0 9px; font-size: 15px; color: #5F666D; letter-spacing: -0.4px;
}
.mk-naver .nv-tab.is-cur { color: #000; font-weight: 700; }
.mk-naver .nv-tab.is-cur::after {
  content: ""; position: absolute; left: 8px; right: 8px; bottom: -1px;
  height: 2px; background: #000; border-radius: 2px 2px 0 0;
}

/* body */
.mk-naver .mk-body { background: #EDF0F3; }
.mk-naver .mk-flow { padding-bottom: 16px; }
.mk-naver .nv-sec { background: #fff; margin-bottom: 8px; }
.mk-naver .nv-sec-hd {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 16px 11px;
}
.mk-naver .nv-sec-t { font-size: 17px; font-weight: 700; color: #000; letter-spacing: -0.5px; }
.mk-naver .nv-sec-r svg { width: 16px; height: 16px; }
.mk-naver .nv-sec-sort { font-size: 12.5px; color: #767B82; }
.mk-naver .nv-more {
  display: flex; align-items: center; justify-content: center; gap: 4px;
  height: 45px; border-top: 1px solid #EFF1F3;
  font-size: 14px; color: #333; letter-spacing: -0.3px;
}
.mk-naver .nv-more svg { width: 14px; height: 14px; color: #555; }
.mk-naver .nv-dot { font-style: normal; color: #C2C6CB; margin: 0 4px; }

/* AI 브리핑 */
.mk-naver .nv-sec-ai { padding: 12px 12px 12px; }
.mk-naver .nv-ai {
  position: relative; padding: 13px 14px 12px; border-radius: 14px;
  border: 1.5px solid transparent;
  background:
    linear-gradient(180deg, rgba(0,201,92,.07), rgba(79,134,255,.03) 70px, rgba(255,255,255,0) 120px) padding-box,
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(120deg, #00C95C, #00B9B0 55%, #6C8BFF) border-box;
}
.mk-naver .nv-ai-hd { display: flex; align-items: center; gap: 5px; }
.mk-naver .nv-ai-ic { width: 19px; height: 19px; }
.mk-naver .nv-ai-name { font-size: 15px; font-weight: 800; color: #111; letter-spacing: -0.4px; }
.mk-naver .nv-ai-info { margin-left: 1px; }
.mk-naver .nv-ai-info svg { width: 15px; height: 15px; }

.mk-naver .nv-ai-load { padding: 8px 0 2px; }
.mk-naver .nv-ai-load.done { display: none; }
.mk-naver .nv-ai-load-t { font-size: 12.5px; color: #6B7684; margin-bottom: 8px; }
.mk-naver .nv-sk {
  height: 11px; margin-top: 7px; border-radius: 6px;
  background: linear-gradient(90deg, #EEF3F1 20%, #D9F3E4 45%, #E4EEFF 60%, #EEF3F1 80%);
  background-size: 220% 100%;
  animation: mk-naver-shimmer 1.3s linear infinite;
}
.mk-naver .nv-sk1 { width: 94%; }
.mk-naver .nv-sk2 { width: 80%; }
.mk-naver .nv-sk3 { width: 58%; }

.mk-naver .nv-ai-p {
  margin: 9px 0 0; font-size: 14.5px; line-height: 1.62; color: #1A1A1A; letter-spacing: -0.3px;
}
.mk-naver .nv-ai-ul { list-style: none; margin: 6px 0 0; padding: 0; }
.mk-naver .nv-ai-li {
  position: relative; margin-top: 4px; padding-left: 13px;
  font-size: 14.5px; line-height: 1.62; color: #1A1A1A; letter-spacing: -0.3px;
}
.mk-naver .nv-ai-li::before {
  content: ""; position: absolute; left: 3px; top: 10px;
  width: 4px; height: 4px; border-radius: 50%; background: #3A3F45;
}
.mk-naver .nv-cite {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 16px; height: 16px; box-sizing: border-box; padding: 0 4px; margin-left: 4px;
  border-radius: 4px; background: #E9EDF1; color: #5A636C;
  font-size: 10.5px; font-weight: 700; line-height: 1; vertical-align: 2px; letter-spacing: 0;
}
.mk-naver .nv-ai-outro { color: #333; }

.mk-naver .nv-ai-srcs { display: flex; gap: 8px; margin: 12px -14px 0 0; overflow: hidden; }
.mk-naver .nv-ai-src {
  flex: none; width: 170px; box-sizing: border-box; padding: 9px 10px 9px;
  border: 1px solid #E6E9ED; border-radius: 10px; background: #fff;
}
.mk-naver .nv-ai-src-hd { display: flex; align-items: center; gap: 5px; }
.mk-naver .nv-ai-src-site {
  flex: 1; min-width: 0; font-size: 11.5px; color: #555C63;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mk-naver .nv-ai-src-n {
  flex: none; min-width: 15px; height: 15px; border-radius: 4px; background: #E9EDF1;
  color: #5A636C; font-size: 10px; font-weight: 700; line-height: 15px; text-align: center; letter-spacing: 0;
}
.mk-naver .nv-ai-src-t {
  margin-top: 6px; font-size: 13px; font-weight: 700; color: #111; line-height: 1.35; letter-spacing: -0.3px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mk-naver .nv-ai-src-u {
  margin-top: 2px; font-size: 11px; color: #8A9099; letter-spacing: 0;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.mk-naver .nv-ai-ft { display: flex; align-items: center; justify-content: space-between; margin-top: 11px; }
.mk-naver .nv-chip-src {
  display: inline-flex; align-items: center; gap: 5px;
  height: 28px; padding: 0 9px 0 5px; border-radius: 14px;
  background: #F2F4F6; font-size: 12.5px; font-weight: 600; color: #333;
}
.mk-naver .nv-chip-src svg { width: 11px; height: 11px; color: #888; }
.mk-naver .nv-favs { display: flex; padding-left: 6px; }
.mk-naver .nv-favs .nv-fav { margin-left: -6px; box-shadow: 0 0 0 1.5px #F2F4F6; }
.mk-naver .nv-ai-fb { display: flex; gap: 10px; padding-right: 2px; }
.mk-naver .nv-ai-fb svg { width: 18px; height: 18px; }

/* favicons */
.mk-naver .nv-fav {
  flex: none; display: flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; border-radius: 50%;
  color: #fff; font-size: 10.5px; font-weight: 700; letter-spacing: 0; line-height: 1;
}
.mk-naver .nv-fav-s { width: 16px; height: 16px; font-size: 8.5px; }
.mk-naver .nv-fav-xs { width: 18px; height: 18px; font-size: 9px; }

/* 플레이스 */
.mk-naver .nv-filters { display: flex; gap: 6px; padding: 0 16px 11px; overflow: hidden; }
.mk-naver .nv-fchip {
  flex: none; display: flex; align-items: center;
  height: 30px; padding: 0 11px; box-sizing: border-box;
  border: 1px solid #DDE1E6; border-radius: 15px; background: #fff;
  font-size: 13px; color: #333; letter-spacing: -0.3px;
}
.mk-naver .nv-fchip-ic { padding: 0 8px; color: #333; }
.mk-naver .nv-fchip-ic svg { width: 15px; height: 15px; }
.mk-naver .nv-map {
  position: relative; height: 124px; margin: 0 16px 2px;
  border: 1px solid #E4E6E9; border-radius: 10px; overflow: hidden;
}
.mk-naver .nv-map-svg { width: 100%; height: 100%; }
.mk-naver .nv-map text { font-family: inherit; letter-spacing: -0.3px; }
.mk-naver .nv-map-lb { font-size: 11px; font-weight: 800; fill: #111; }
.mk-naver .nv-map-lb2 { font-size: 10px; font-weight: 700; fill: #333; }
.mk-naver .nv-map-st { font-size: 9.5px; font-weight: 700; fill: #4A4F55; }
.mk-naver .nv-map-btn {
  position: absolute; right: 7px; bottom: 7px; display: flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 6px; background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.18);
}
.mk-naver .nv-map-btn svg { width: 14px; height: 14px; }

.mk-naver .nv-pl { padding: 14px 16px 14px; border-bottom: 1px solid #EFF1F3; }
.mk-naver .nv-pl:last-child { border-bottom: 0; }
.mk-naver .nv-pl-top { display: flex; gap: 12px; }
.mk-naver .nv-pl-info { flex: 1; min-width: 0; }
.mk-naver .nv-pl-name { display: flex; align-items: baseline; gap: 5px; white-space: nowrap; overflow: hidden; }
.mk-naver .nv-pl-nm { font-size: 16.5px; font-weight: 700; color: #0068C3; letter-spacing: -0.5px; }
.mk-naver .nv-pl-cat { font-size: 13px; color: #8F9399; letter-spacing: -0.3px; }
.mk-naver .nv-pl-st { margin-top: 5px; font-size: 13.5px; color: #555; letter-spacing: -0.3px; white-space: nowrap; }
.mk-naver .nv-pl-st b { color: #111; font-weight: 700; }
.mk-naver .nv-pl-sub,
.mk-naver .nv-pl-rv { margin-top: 2px; font-size: 13px; color: #767B82; letter-spacing: -0.3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-naver .nv-pl-thumb { flex: none; width: 72px; height: 72px; border-radius: 8px; overflow: hidden; }
.mk-naver .nv-pl-thumb svg { width: 100%; height: 100%; }
.mk-naver .nv-pl-acts { display: flex; gap: 6px; margin-top: 11px; }
.mk-naver .nv-btn {
  flex: 1; display: flex; align-items: center; justify-content: center; gap: 4px;
  height: 32px; box-sizing: border-box; border: 1px solid #DCDFE4; border-radius: 16px;
  font-size: 13px; font-weight: 500; color: #333; letter-spacing: -0.3px;
}
.mk-naver .nv-btn svg { width: 14px; height: 14px; color: #444; }
.mk-naver .nv-btn-g { color: #00A84B; }
.mk-naver .nv-btn-g svg { color: #03C75A; }

/* 웹사이트 · 블로그 */
.mk-naver .nv-web { padding: 2px 16px 16px; }
.mk-naver .nv-web-next { padding-top: 14px; border-top: 1px solid #EFF1F3; }
.mk-naver .nv-src { display: flex; align-items: center; gap: 8px; }
.mk-naver .nv-src .nv-fav { box-shadow: inset 0 0 0 1px rgba(0,0,0,.06); }
.mk-naver .nv-src-txt { flex: 1; min-width: 0; }
.mk-naver .nv-src-name {
  font-size: 13px; font-weight: 600; color: #222; line-height: 1.3; letter-spacing: -0.3px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mk-naver .nv-src-url {
  font-size: 11.5px; color: #8A8F96; line-height: 1.3; letter-spacing: -0.1px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mk-naver .nv-kebab { flex: none; margin-right: -4px; }
.mk-naver .nv-kebab svg { width: 16px; height: 16px; }
.mk-naver .nv-web-tit {
  margin-top: 9px; font-size: 16px; font-weight: 600; color: #0C43B7; line-height: 1.4; letter-spacing: -0.5px;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.mk-naver .nv-web-desc {
  margin: 5px 0 0; font-size: 13.5px; line-height: 1.55; color: #5A5F66; letter-spacing: -0.3px;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.mk-naver .nv-web-desc b,
.mk-naver .nv-blog-desc b { color: #222; font-weight: 700; }

.mk-naver .nv-blog { padding: 2px 16px 16px; }
.mk-naver .nv-avatar { flex: none; width: 24px; height: 24px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.06); }
.mk-naver .nv-blog-body { display: flex; gap: 12px; margin-top: 9px; }
.mk-naver .nv-blog-txt { flex: 1; min-width: 0; }
.mk-naver .nv-blog-tit {
  font-size: 15.5px; font-weight: 700; color: #000; line-height: 1.4; letter-spacing: -0.5px;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.mk-naver .nv-blog-desc {
  margin: 4px 0 0; font-size: 13px; line-height: 1.5; color: #666B72; letter-spacing: -0.3px;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.mk-naver .nv-blog-thumb { flex: none; width: 76px; height: 76px; border-radius: 8px; overflow: hidden; }
.mk-naver .nv-blog-thumb svg { width: 100%; height: 100%; }

@keyframes mk-naver-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
@keyframes mk-naver-shimmer { 0% { background-position: 110% 0; } 100% { background-position: -110% 0; } }

/* ───────── Google Search · mobile SERP (light) ───────── */
.mk-google {
  background: #fff;
  color: #1f1f1f;
  font-family: Roboto, "Google Sans", Arial, "Helvetica Neue", "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.mk-google .mk-google-head { flex: none; background: #fff; border-bottom: 1px solid #ecedef; }

/* top row: menu · wordmark · avatar */
.mk-google .mk-google-top {
  height: 46px; padding: 0 10px;
  display: grid; grid-template-columns: 34px 1fr 34px; align-items: center;
}
.mk-google .mk-google-icbtn { display: inline-flex; align-items: center; justify-content: center; flex: none; }
.mk-google .mk-google-icbtn svg { display: block; width: 100%; height: 100%; }
.mk-google .mk-google-menu { width: 22px; height: 22px; color: #5f6368; margin-left: 4px; }
.mk-google .mk-google-logo {
  justify-self: center; display: inline-flex; align-items: baseline;
  font-family: "Product Sans", "Google Sans", "Helvetica Neue", Arial, "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  font-size: 23px; line-height: 1; font-weight: 500; letter-spacing: -0.7px;
  transform: translateY(-1px);
}
.mk-google .mk-google-logo b { font-weight: 500; }
.mk-google .mk-google-logo .c1 { color: #4285F4; }
.mk-google .mk-google-logo .c2 { color: #EA4335; }
.mk-google .mk-google-logo .c3 { color: #FBBC05; }
.mk-google .mk-google-logo .c4 { color: #34A853; }
.mk-google .mk-google-avatar {
  justify-self: end; width: 28px; height: 28px; border-radius: 50%;
  background: #7e57c2; color: #fff; font-size: 13px; font-weight: 500;
  display: flex; align-items: center; justify-content: center;
  font-family: "Google Sans", Roboto, Arial, "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
}

/* search pill */
.mk-google .mk-google-sbox {
  margin: 2px 12px 0; height: 42px; border-radius: 21px;
  background: #fff; box-shadow: 0 1px 6px rgba(32, 33, 36, .20);
  display: flex; align-items: center; gap: 8px; padding: 0 12px 0 15px;
}
.mk-google .mk-google-q {
  flex: 1; min-width: 0; overflow: hidden; white-space: nowrap;
  direction: rtl; line-height: 42px; height: 42px;
}
.mk-google .mk-google-qin {
  display: inline-block; min-width: 100%; direction: ltr; text-align: left;
  white-space: nowrap; font-size: 14.5px; color: #1f1f1f; vertical-align: top;
}
.mk-google .mk-google-caret {
  display: inline-block; width: 1.5px; height: 18px; margin-left: 1px;
  background: #1a73e8; vertical-align: -4px;
  animation: mk-google-blink 1.05s steps(1) infinite;
}
.mk-google:has(.mk-step.on) .mk-google-caret { display: none; }
.mk-google .mk-google-clear { width: 20px; height: 20px; color: #70757a; }
.mk-google .mk-google-vdiv { flex: none; width: 1px; height: 22px; background: #dadce0; margin: 0 -1px; }
.mk-google .mk-google-mic { width: 21px; height: 21px; }
.mk-google .mk-google-lens { width: 21px; height: 21px; }

/* filter tabs */
.mk-google .mk-google-tabs {
  display: flex; margin-top: 6px; padding: 0 4px; overflow: hidden; white-space: nowrap;
}
.mk-google .mk-google-tabs span {
  position: relative; flex: none; padding: 0 11px; height: 38px; line-height: 38px;
  font-size: 13.5px; color: #5f6368;
  font-family: "Google Sans", Roboto, Arial, "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
}
.mk-google .mk-google-tabs span.on { color: #1f1f1f; font-weight: 600; }
.mk-google .mk-google-tabs span.on::after {
  content: ""; position: absolute; left: 11px; right: 11px; bottom: 0; height: 3px;
  border-radius: 3px 3px 0 0; background: #1f1f1f;
}

/* ───── AI 개요 ───── */
.mk-google .mk-google-ai { padding: 12px 14px 14px; border-bottom: 1px solid #ecedef; }
.mk-google .mk-google-ailabel {
  display: flex; align-items: center; gap: 7px;
  font-family: "Google Sans", Roboto, Arial, "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  font-size: 14px; font-weight: 500; color: #1f1f1f; height: 24px;
}
.mk-google .mk-google-spark { width: 18px; height: 18px; flex: none; }
.mk-google .mk-google-aihead:not(.done) .mk-google-spark { animation: mk-google-pulse 1.2s ease-in-out infinite; }
.mk-google .mk-google-shim { margin-top: 10px; }
.mk-google .mk-google-shim i {
  display: block; height: 12px; border-radius: 6px; margin-bottom: 9px;
  background: linear-gradient(90deg, #e8f0fe 0%, #d2e3fc 30%, #f1f3f4 55%, #e8f0fe 100%);
  background-size: 300% 100%;
  animation: mk-google-shimmer 1.4s linear infinite;
}
.mk-google .mk-google-shim i:nth-child(2) { width: 88%; }
.mk-google .mk-google-shim i:nth-child(3) { width: 62%; }
.mk-google .mk-google-aihead.done .mk-google-shim { display: none; }

.mk-google .mk-google-aitext {
  margin: 8px 0 0; font-size: 14px; line-height: 22px; color: #1f1f1f; letter-spacing: -0.1px;
}
.mk-google .mk-google-cite {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 18px; border-radius: 9px; background: #e9eef6; color: #444746;
  vertical-align: -3px;
}
.mk-google .mk-google-cite svg { width: 14px; height: 14px; display: block; }

/* source cards (horizontal carousel) */
.mk-google .mk-google-cards {
  display: flex; gap: 8px; margin: 12px -14px 2px 0; overflow: hidden;
}
.mk-google .mk-google-card {
  flex: none; width: 138px; padding: 10px 11px 9px; border-radius: 14px;
  background: #f0f4f9; display: flex; flex-direction: column; justify-content: space-between; min-height: 74px;
  box-sizing: border-box;
}
.mk-google .mk-google-cardtitle {
  font-size: 12.5px; line-height: 17px; font-weight: 500; color: #1f1f1f;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.mk-google .mk-google-cardsite {
  display: flex; align-items: center; gap: 6px; margin-top: 8px;
  font-size: 11.5px; color: #4d5156; white-space: nowrap; overflow: hidden;
}

/* bullets */
.mk-google .mk-google-list { margin: 10px 0 0; padding: 0 0 0 19px; list-style: disc; }
.mk-google .mk-google-list li {
  font-size: 14px; line-height: 22px; color: #1f1f1f; margin: 0 0 6px; letter-spacing: -0.1px;
}
.mk-google .mk-google-list li::marker { color: #1f1f1f; }
.mk-google .mk-google-list strong { font-weight: 600; }

/* 더보기 (collapsed overview) */
.mk-google .mk-google-expand {
  position: relative; margin-top: 4px; height: 36px; border-radius: 18px;
  background: #e9eef6; color: #1f1f1f;
  display: flex; align-items: center; justify-content: center; gap: 4px;
  font-family: "Google Sans", Roboto, Arial, "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  font-size: 13.5px; font-weight: 500;
}
.mk-google .mk-google-expand::before {
  content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 36px; pointer-events: none;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff 92%);
}
.mk-google .mk-google-expand svg { width: 20px; height: 20px; display: block; }

/* ───── organic results ───── */
.mk-google .mk-google-res { padding: 14px 14px 15px; border-bottom: 1px solid #ecedef; }
.mk-google .mk-google-src { display: flex; align-items: center; gap: 10px; }
.mk-google .mk-google-fav {
  flex: none; width: 28px; height: 28px; border-radius: 50%;
  background: #f1f3f4; border: 1px solid #e3e5e8; box-sizing: border-box;
  display: flex; align-items: center; justify-content: center;
}
.mk-google .mk-google-fav i {
  width: 16px; height: 16px; border-radius: 4px; color: #fff; font-style: normal;
  font-size: 10px; font-weight: 700; line-height: 16px; text-align: center;
  font-family: Roboto, Arial, "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
}
.mk-google .mk-google-fav.sm { width: 16px; height: 16px; border: 0; background: transparent; }
.mk-google .mk-google-fav.sm i { width: 14px; height: 14px; border-radius: 50%; font-size: 8px; line-height: 14px; }
.mk-google .mk-google-srctxt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.mk-google .mk-google-site { font-size: 13.5px; line-height: 18px; color: #202124; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-google .mk-google-url { font-size: 11.5px; line-height: 16px; color: #4d5156; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-style: normal; }
.mk-google .mk-google-kebab { flex: none; width: 18px; height: 18px; color: #70757a; }
.mk-google .mk-google-kebab svg { width: 100%; height: 100%; display: block; }
.mk-google .mk-google-title {
  margin: 9px 0 5px; font-size: 16.5px; line-height: 22px; font-weight: 400; color: #1a0dab;
  font-family: "Google Sans", Roboto, Arial, "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  letter-spacing: -0.2px;
}
.mk-google .mk-google-snip { margin: 0; font-size: 13px; line-height: 20px; color: #4d5156; }
.mk-google .mk-google-date { color: #70757a; }
.mk-google .mk-google-links { display: flex; gap: 6px; margin-top: 11px; overflow: hidden; }
.mk-google .mk-google-links span {
  flex: none; height: 30px; line-height: 28px; padding: 0 13px; box-sizing: border-box;
  border: 1px solid #dadce0; border-radius: 15px; font-size: 12.5px; color: #1f1f1f;
}

/* ───── 사람들이 함께 묻는 질문 ───── */
.mk-google .mk-google-paa { padding: 14px 14px 8px; }
.mk-google .mk-google-paahead { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.mk-google .mk-google-paahead .mk-h3 {
  margin: 0; font-size: 16.5px; line-height: 24px; font-weight: 400; color: #1f1f1f;
  font-family: "Google Sans", Roboto, Arial, "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
}
.mk-google .mk-google-paaq {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  min-height: 46px; border-bottom: 1px solid #ecedef; font-size: 13.5px; line-height: 19px; color: #1f1f1f;
}
.mk-google .mk-google-paaq:last-child { border-bottom: 0; }
.mk-google .mk-google-paaq svg { flex: none; width: 22px; height: 22px; color: #5f6368; }

@keyframes mk-google-blink { 0% { opacity: 1; } 50% { opacity: 0; } }
@keyframes mk-google-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -200% 0; } }
@keyframes mk-google-pulse { 0%, 100% { transform: scale(1) rotate(0); } 50% { transform: scale(.82) rotate(45deg); } }

/* former <h3> mock titles keep the UA heading look; zero specificity so each mock's own rules win */
:where(.mk .mk-h3){display:block;margin-block:1em;font-size:1.17em;font-weight:700}

/* Daum mobile search mockup (m.search.daum.net, light) */
.mk-daum {
  background: #fff;
  color: #222;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  letter-spacing: -0.2px;
  -webkit-font-smoothing: antialiased;
}
.mk-daum *,
.mk-daum *::before,
.mk-daum *::after { box-sizing: border-box; }
.mk-daum .mk-h3,
.mk-daum p { margin: 0; }
.mk-daum i { font-style: normal; }
.mk-daum svg { display: block; }

/* ---------- header ---------- */
.mk-daum-top {
  flex: none;
  position: relative;
  z-index: 2;
  background: #fff;
  box-shadow: 0 1px 0 #e8eaee;
}
.mk-daum-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 12px 8px 15px;
}
.mk-daum-logo {
  flex: none;
  display: flex;
  align-items: baseline;
  font: 800 22px/1 "Arial Rounded MT Bold", "Helvetica Neue", Arial, "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  letter-spacing: -1.1px;
  padding-bottom: 2px;
}
.mk-daum-logo b { font-weight: 800; }
.mk-daum-logo .mk-daum-l1 { color: #2f6cf6; }
.mk-daum-logo .mk-daum-l2 { color: #f2473b; }
.mk-daum-logo .mk-daum-l3 { color: #ffb400; }
.mk-daum-logo .mk-daum-l4 { color: #1fb45b; }

.mk-daum-box {
  flex: 1;
  min-width: 0;
  height: 42px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px 0 13px;
  background: #fff;
  border: 1px solid #dfe2e8;
  border-radius: 12px;
  box-shadow: 0 1px 4px rgba(20, 30, 60, 0.06);
}
.mk-daum-q {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 500;
  color: #111;
  letter-spacing: -0.4px;
}
/* inner line fills the box when short; when the typed query is longer, it overflows to the left so the caret end stays visible */
.mk-daum-qi {
  flex: none;
  min-width: 100%;
  display: flex;
  align-items: center;
}
.mk-daum-q .mk-type { white-space: pre; }
.mk-daum-caret {
  flex: none;
  width: 1.6px;
  height: 18px;
  margin-left: 1px;
  background: #3478f6;
  border-radius: 1px;
  animation: mk-daum-blink 1s steps(1) infinite;
}
@keyframes mk-daum-blink {
  0%, 55% { opacity: 1; }
  56%, 100% { opacity: 0; }
}
.mk-daum-clear { flex: none; width: 18px; height: 18px; }
.mk-daum-clear svg { width: 18px; height: 18px; }
.mk-daum-sbtn {
  flex: none;
  width: 24px;
  height: 24px;
  color: #2f6cf6;
}
.mk-daum-sbtn svg { width: 24px; height: 24px; }

/* tabs */
.mk-daum-tabs {
  display: flex;
  align-items: stretch;
  gap: 19px;
  height: 40px;
  padding: 0 16px;
  overflow: hidden;
  white-space: nowrap;
}
.mk-daum-tab {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #6c7078;
  letter-spacing: -0.3px;
}
.mk-daum-tab.on {
  color: #111;
  font-weight: 700;
}
.mk-daum-tab.on::after {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: 0;
  height: 2.5px;
  background: #111;
  border-radius: 2px 2px 0 0;
}

/* ---------- body ---------- */
.mk-daum .mk-body { background: #f1f2f5; }
.mk-daum .mk-flow { padding-bottom: 14px; }

.mk-daum-coll { margin-top: 8px; }
.mk-daum-coll:first-child { margin-top: 0; }
.mk-daum-card {
  background: #fff;
  padding: 0 16px;
}
.mk-daum-coll > .mk-daum-card:last-child { padding-bottom: 4px; }

.mk-daum-ctit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0 8px;
}
.mk-daum-ctit .mk-h3 {
  font-size: 17px;
  font-weight: 700;
  color: #111;
  letter-spacing: -0.5px;
}
.mk-daum-more {
  display: flex;
  align-items: center;
  gap: 1px;
  font-size: 12.5px;
  color: #8a8f97;
}
.mk-daum-more svg { width: 11px; height: 11px; }

.mk-daum-row { border-top: 1px solid #f0f1f4; }
.mk-daum-head + .mk-daum-card .mk-daum-row,
.mk-daum-mapcard + .mk-daum-card .mk-daum-row { border-top: 0; }

/* map */
.mk-daum-mapcard { padding-bottom: 2px; }
.mk-daum-map {
  position: relative;
  height: 128px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ebe9e2;
}
.mk-daum-map svg { width: 100%; height: 100%; }
.mk-daum-map text {
  font-family: -apple-system, "Helvetica Neue", "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  letter-spacing: -0.3px;
}
.mk-daum-map .mk-daum-mstn {
  font-size: 10px;
  font-weight: 700;
  fill: #333;
  stroke: #fff;
  stroke-width: 3px;
  paint-order: stroke;
  stroke-linejoin: round;
}
.mk-daum-map .mk-daum-mlbl {
  font-size: 10.5px;
  font-weight: 700;
  fill: #1f4fbf;
  stroke: #fff;
  stroke-width: 3px;
  paint-order: stroke;
  stroke-linejoin: round;
}
.mk-daum-map .mk-daum-mnum {
  font-size: 10px;
  font-weight: 700;
  fill: #fff;
}
.mk-daum-mapbtn {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #444;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
}
.mk-daum-mapbtn svg { width: 13px; height: 13px; }

/* place rows */
.mk-daum-place .mk-daum-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 0;
}
.mk-daum-pin {
  flex: none;
  width: 16px;
  height: 22px;
  margin-top: -1px;
}
.mk-daum-pin text {
  font-family: -apple-system, "Helvetica Neue", Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  fill: #fff;
}
.mk-daum-pinfo { flex: 1; min-width: 0; }
.mk-daum-pname {
  display: flex;
  align-items: baseline;
  gap: 5px;
  white-space: nowrap;
}
.mk-daum-pname strong {
  font-size: 15.5px;
  font-weight: 700;
  color: #1b4fc4;
  letter-spacing: -0.5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mk-daum-pname span {
  flex: none;
  font-size: 12.5px;
  color: #8a8f97;
}
.mk-daum-pstat {
  margin-top: 4px;
  font-size: 13px;
  color: #555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mk-daum-pstat em {
  font-style: normal;
  font-weight: 600;
  color: #16a05d;
}
.mk-daum-pstat i { margin: 0 4px; color: #c2c5cb; }
.mk-daum-paddr {
  margin-top: 3px;
  font-size: 12.5px;
  color: #8a8f97;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mk-daum-pbtns {
  flex: none;
  display: flex;
  gap: 6px;
  padding-top: 4px;
}
.mk-daum-pbtns span {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3d4148;
  border: 1px solid #e2e4e9;
  border-radius: 50%;
}
.mk-daum-pbtns svg { width: 15px; height: 15px; }

/* web documents */
.mk-daum-web .mk-daum-row { padding: 13px 0 14px; }
.mk-daum-src {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  white-space: nowrap;
}
.mk-daum-fav {
  flex: none;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 9.5px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0;
}
.mk-daum-site {
  flex: none;
  font-size: 13px;
  font-weight: 600;
  color: #333;
}
.mk-daum-url {
  min-width: 0;
  font-size: 12px;
  color: #8d9199;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mk-daum-title {
  margin-top: 6px;
  font-size: 16px;
  line-height: 1.38;
  font-weight: 500;
  color: #1b4fc4;
  letter-spacing: -0.5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.mk-daum-desc {
  margin-top: 4px;
  font-size: 13.5px;
  line-height: 1.5;
  color: #555a61;
  letter-spacing: -0.3px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* cafe / blog posts */
.mk-daum-post .mk-daum-row { padding: 12px 0 14px; }
.mk-daum-pmeta {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12.5px;
  color: #8d9199;
  white-space: nowrap;
}
.mk-daum-pmeta i { color: #c2c5cb; }
.mk-daum-pm-src { color: #4b4f56; font-weight: 500; }
.mk-daum-av {
  flex: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.mk-daum-av-cafe { background: linear-gradient(135deg, #ffb35c, #ff7a45); border-radius: 5px; }
.mk-daum-av-blog { background: linear-gradient(135deg, #9fd7c2, #4bb38a); }
.mk-daum-pbody {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 6px;
}
.mk-daum-ptxt { flex: 1; min-width: 0; }
.mk-daum-title.mk-daum-title-s { margin-top: 0; font-size: 15.5px; }
.mk-daum-desc.mk-daum-desc-s {
  font-size: 13px;
  color: #666b72;
  -webkit-line-clamp: 2;
}
.mk-daum-thumb {
  flex: none;
  width: 68px;
  height: 68px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
}
.mk-daum-thumb svg { width: 100%; height: 100%; }

.mk-daum:has(.mk-step.on) .mk-daum-caret{display:none}

/* Nate mobile search (m.search.nate.com) - light */
.mk-nate {
  background: #fff;
  color: #222;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  letter-spacing: -0.2px;
  -webkit-font-smoothing: antialiased;
}
.mk-nate b, .mk-nate strong { font-weight: 700; }

/* ---------- top chrome ---------- */
.mk-nate .mk-nate-top {
  flex: none;
  background: #fff;
  position: relative;
  z-index: 2;
}
.mk-nate .mk-nate-hd {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px 8px 12px;
}
.mk-nate .mk-nate-logo {
  flex: none;
  display: block;
  width: 48px;
  height: 21px;
  margin: 1px 1px 0 1px;
}
.mk-nate .mk-nate-box {
  flex: 1;
  min-width: 0;
  height: 40px;
  box-sizing: border-box;
  border: 2px solid #f4333c;
  border-radius: 20px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 3px 0 13px;
}
.mk-nate .mk-nate-q {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  direction: rtl;
  display: flex;
}
.mk-nate .mk-nate-qi {
  flex: none;
  direction: ltr;
  unicode-bidi: isolate;
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 500;
  color: #111;
  letter-spacing: -0.4px;
  line-height: 20px;
}
.mk-nate .mk-nate-caret {
  display: inline-block;
  width: 1.5px;
  height: 17px;
  margin-left: 1px;
  background: #f4333c;
  animation: mk-nate-blink 1s steps(1) infinite;
}
@keyframes mk-nate-blink {
  0%, 55% { opacity: 1; }
  56%, 100% { opacity: 0; }
}
.mk-nate .mk-nate-clear {
  flex: none;
  margin-left: auto;
  width: 18px;
  height: 18px;
  display: block;
}
.mk-nate .mk-nate-btn {
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f4333c;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mk-nate .mk-nate-btn svg { display: block; width: 17px; height: 17px; }

.mk-nate .mk-nate-tabs {
  display: flex;
  padding: 0 5px;
  border-bottom: 1px solid #e4e5e8;
  overflow: hidden;
  white-space: nowrap;
}
.mk-nate .mk-nate-tab {
  flex: none;
  position: relative;
  padding: 9px 9px 10px;
  font-size: 14px;
  line-height: 18px;
  color: #555;
  letter-spacing: -0.4px;
}
.mk-nate .mk-nate-tab.is-on {
  color: #f4333c;
  font-weight: 700;
}
.mk-nate .mk-nate-tab.is-on::after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: -1px;
  height: 2px;
  background: #f4333c;
}

/* ---------- body ---------- */
.mk-nate .mk-body { background: #f0f1f4; }
.mk-nate .mk-flow { padding: 8px 0 14px; }

.mk-nate .mk-nate-sec {
  background: #fff;
  margin: 0 0 8px;
  padding: 14px 16px 0;
  border-top: 1px solid #e7e8eb;
  border-bottom: 1px solid #e7e8eb;
}
.mk-nate .mk-nate-sh {
  margin: 0 0 9px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  color: #111;
  letter-spacing: -0.5px;
}
.mk-nate .mk-nate-sh em {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #999;
  letter-spacing: -0.2px;
}

.mk-nate .mk-nate-item { padding: 2px 0 13px; }
.mk-nate .mk-nate-item + .mk-nate-item {
  border-top: 1px solid #f0f1f3;
  padding-top: 12px;
}
.mk-nate .mk-nate-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.mk-nate .mk-nate-txt { flex: 1; min-width: 0; }

.mk-nate .mk-nate-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0;
  font-size: 15.5px;
  line-height: 21px;
  font-weight: 500;
  color: #2341c4;
  letter-spacing: -0.5px;
  text-decoration: none;
}
.mk-nate .mk-nate-url {
  display: block;
  margin-top: 3px;
  font-size: 12.5px;
  line-height: 16px;
  color: #1b8743;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.1px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
}
.mk-nate .mk-nate-snip {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 19px;
  color: #666;
  letter-spacing: -0.3px;
}
.mk-nate .mk-nate-snip b { color: #333; font-weight: 700; }
.mk-nate .mk-nate-meta {
  margin-top: 5px;
  font-size: 12px;
  line-height: 16px;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mk-nate .mk-nate-meta i {
  font-style: normal;
  display: inline-block;
  margin: 0 5px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #bbb;
  vertical-align: middle;
}
.mk-nate .mk-nate-meta span { color: #555; }

.mk-nate .mk-nate-more {
  margin: 0 -16px;
  border-top: 1px solid #f0f1f3;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 13px;
  color: #555;
  letter-spacing: -0.3px;
}
.mk-nate .mk-nate-more b { color: #222; font-weight: 700; }
.mk-nate .mk-nate-more svg { width: 12px; height: 12px; display: block; }

/* ---------- 바로가기 (official site) ---------- */
.mk-nate .mk-nate-site { padding: 1px 0 14px; }
.mk-nate .mk-nate-site-hd {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mk-nate .mk-nate-fav {
  flex: none;
  width: 38px;
  height: 38px;
  border-radius: 9px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: -0.8px;
}
.mk-nate .mk-nate-site-name {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}
.mk-nate .mk-nate-site-name .mk-nate-title {
  font-size: 17px;
  line-height: 22px;
  font-weight: 700;
  -webkit-line-clamp: 1;
}
.mk-nate .mk-nate-badge {
  flex: none;
  font-size: 10.5px;
  line-height: 15px;
  padding: 0 4px;
  border: 1px solid #d5d8dd;
  border-radius: 3px;
  color: #777;
  letter-spacing: -0.2px;
  font-weight: 500;
}
.mk-nate .mk-nate-site-hd .mk-nate-url { margin-top: 1px; }
.mk-nate .mk-nate-site .mk-nate-snip { margin-top: 9px; }
.mk-nate .mk-nate-info {
  margin-top: 7px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12.5px;
  line-height: 17px;
  color: #777;
}
.mk-nate .mk-nate-info svg { width: 12px; height: 12px; flex: none; display: block; }
.mk-nate .mk-nate-info b { color: #444; font-weight: 500; }
.mk-nate .mk-nate-links {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}
.mk-nate .mk-nate-links span {
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e1e3e7;
  border-radius: 6px;
  font-size: 13px;
  color: #333;
  letter-spacing: -0.4px;
  background: #fff;
}

/* ---------- thumbnails ---------- */
.mk-nate .mk-nate-th {
  flex: none;
  width: 70px;
  height: 70px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  margin-top: 2px;
}
.mk-nate .mk-nate-th svg { width: 34px; height: 34px; display: block; }
.mk-nate .mk-nate-th.t-cal { background: linear-gradient(145deg, #eaf3ff, #cfe0f7); }
.mk-nate .mk-nate-th.t-note { background: linear-gradient(145deg, #fbf5e8, #efe2c4); }
.mk-nate .mk-nate-th.t-drop { background: linear-gradient(145deg, #fff0ea, #f6d3c6); }
.mk-nate .mk-nate-th.t-camera { background: linear-gradient(145deg, #eef0f5, #d6dbe6); }
.mk-nate .mk-nate-th.t-eye { background: linear-gradient(145deg, #f1efff, #d9d3f3); }
.mk-nate .mk-nate-th.t-list { background: linear-gradient(145deg, #eaf7f0, #cbe8d8); }
.mk-nate .mk-nate-th.t-med { background: linear-gradient(145deg, #e8f6f6, #c7e5e6); }
.mk-nate .mk-nate-th.t-dict {
  width: 62px;
  height: 62px;
}

/* ---------- related searches ---------- */
.mk-nate .mk-nate-rel {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 0 14px;
}
.mk-nate .mk-nate-rel span {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 11px;
  border: 1px solid #e1e3e7;
  border-radius: 15px;
  font-size: 13px;
  color: #333;
  letter-spacing: -0.4px;
  background: #fff;
}
.mk-nate .mk-nate-rel span svg { width: 11px; height: 11px; margin-right: 4px; display: block; }

.mk-nate:has(.mk-step.on) .mk-nate-caret{display:none}

/* ChatGPT iOS app — light mode mockup (illustrative approximation) */
.mk-chatgpt {
  background: #ffffff;
  color: #0d0d0d;
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.1px;
}
.mk-chatgpt svg { display: block; flex: none; }

/* ---------- top app bar ---------- */
.mk-chatgpt .mk-chatgpt-bar {
  flex: none;
  position: relative;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  background: #ffffff;
  z-index: 2;
}
.mk-chatgpt .mk-chatgpt-bar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 12px;
  background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0));
  pointer-events: none;
}
.mk-chatgpt .mk-chatgpt-ib {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d0d0d;
}
.mk-chatgpt .mk-chatgpt-title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 16.5px;
  font-weight: 600;
  letter-spacing: -0.3px;
  white-space: nowrap;
  color: #0d0d0d;
}
.mk-chatgpt .mk-chatgpt-title svg { color: #a3a3a3; margin-top: 1px; }

/* ---------- conversation ---------- */
.mk-chatgpt .mk-flow {
  padding: 12px 18px 26px;
}
.mk-chatgpt .mk-chatgpt-urow {
  display: flex;
  justify-content: flex-end;
  margin: 4px 0 16px;
}
.mk-chatgpt .mk-chatgpt-ububble {
  max-width: 80%;
  background: #f4f4f4;
  border-radius: 20px;
  padding: 9px 14px 9px 15px;
  font-size: 14.5px;
  line-height: 1.45;
  color: #0d0d0d;
  word-break: keep-all;
  overflow-wrap: anywhere;
  transition: opacity .2s ease;
}
.mk-chatgpt .mk-chatgpt-ububble:has(.mk-type:empty) { opacity: 0; }

/* web search status (transient) */
.mk-chatgpt .mk-chatgpt-tool {
  display: flex;
  align-items: center;
  height: 22px;
  margin: 0 0 8px;
  font-size: 13.5px;
  color: #8f8f8f;
}
.mk-chatgpt .mk-chatgpt-tool-a,
.mk-chatgpt .mk-chatgpt-tool-b {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.mk-chatgpt .mk-chatgpt-tool-a svg { color: #9b9b9b; }
.mk-chatgpt .mk-chatgpt-tool-b { display: none; color: #6f6f6f; }
.mk-chatgpt .mk-chatgpt-tool-b svg { color: #8a8a8a; }
.mk-chatgpt .mk-chatgpt-tool-b .mk-chatgpt-chev { margin-left: -2px; color: #b0b0b0; }
.mk-chatgpt .mk-chatgpt-tool.done .mk-chatgpt-tool-a { display: none; }
.mk-chatgpt .mk-chatgpt-tool.done .mk-chatgpt-tool-b { display: inline-flex; }
.mk-chatgpt .mk-chatgpt-shim {
  background: linear-gradient(90deg, #9a9a9a 0%, #9a9a9a 35%, #e2e2e2 50%, #9a9a9a 65%, #9a9a9a 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: mk-chatgpt-shimmer 1.5s linear infinite;
}
@keyframes mk-chatgpt-shimmer {
  0% { background-position: 110% 0; }
  100% { background-position: -110% 0; }
}

/* assistant answer — no bubble */
.mk-chatgpt .mk-chatgpt-ans {
  font-size: 14.5px;
  line-height: 1.62;
  color: #0d0d0d;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.mk-chatgpt .mk-chatgpt-p { margin: 0 0 11px; }
.mk-chatgpt .mk-chatgpt-ans b { font-weight: 650; }
.mk-chatgpt .mk-chatgpt-ul {
  list-style: none;
  margin: 0 0 11px;
  padding: 0;
}
.mk-chatgpt .mk-chatgpt-li {
  position: relative;
  padding-left: 19px;
  margin: 0 0 5px;
}
.mk-chatgpt .mk-chatgpt-li::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 10px;
  width: 4.5px;
  height: 4.5px;
  border-radius: 50%;
  background: #0d0d0d;
}
.mk-chatgpt .mk-chatgpt-cite {
  display: inline-flex;
  align-items: center;
  height: 19px;
  padding: 0 7px;
  margin-left: 5px;
  border-radius: 999px;
  background: #efefef;
  color: #5d5d5d;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  vertical-align: 1px;
  white-space: nowrap;
}

/* sources pill */
.mk-chatgpt .mk-chatgpt-srcrow {
  display: flex;
  margin: 2px 0 0;
}
.mk-chatgpt .mk-chatgpt-src {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 12px 0 6px;
  border-radius: 999px;
  background: #f3f3f3;
  font-size: 13px;
  font-weight: 500;
  color: #0d0d0d;
}
.mk-chatgpt .mk-chatgpt-favs {
  display: flex;
  align-items: center;
  margin-right: 6px;
}
.mk-chatgpt .mk-chatgpt-fav {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border: 1.5px solid #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 8.5px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.3px;
  box-sizing: content-box;
  position: relative;
}
.mk-chatgpt .mk-chatgpt-fav + .mk-chatgpt-fav { margin-left: -5px; }
.mk-chatgpt .mk-chatgpt-fav:nth-child(1) { z-index: 3; }
.mk-chatgpt .mk-chatgpt-fav:nth-child(2) { z-index: 2; }
.mk-chatgpt .mk-chatgpt-fav:nth-child(3) { z-index: 1; }

/* action icons */
.mk-chatgpt .mk-chatgpt-acts {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 12px 0 0 1px;
  color: #6b6b6b;
}

/* ---------- bottom composer ---------- */
.mk-chatgpt .mk-chatgpt-composer {
  flex: none;
  position: relative;
  z-index: 2;
  margin-top: -14px;
  padding: 14px 12px 7px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #ffffff 14px);
}
.mk-chatgpt .mk-chatgpt-pill {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 7px 0 12px;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.03);
}
.mk-chatgpt .mk-chatgpt-plus { color: #0d0d0d; margin-right: 8px; }
.mk-chatgpt .mk-chatgpt-ph {
  flex: 1;
  min-width: 0;
  font-size: 15px;
  color: #8e8e8e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mk-chatgpt .mk-chatgpt-mic { color: #0d0d0d; margin: 0 10px 0 6px; }
.mk-chatgpt .mk-chatgpt-voice {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #0d0d0d;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mk-chatgpt .mk-chatgpt-home {
  width: 118px;
  height: 4.5px;
  border-radius: 3px;
  background: #0d0d0d;
  margin: 11px auto 0;
}

/* Claude iOS app (light) — illustrative mockup */
.mk-claude {
  background: #FAF9F5;
  color: #141413;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.mk-claude .mk-claude-bar svg,
.mk-claude .mk-flow svg,
.mk-claude .mk-claude-dock svg { display: block; }

/* ---------- app bar ---------- */
.mk-claude .mk-claude-bar {
  flex: none;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  background: #FAF9F5;
}
.mk-claude .mk-claude-iconbtn {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3D3D3A;
}
.mk-claude .mk-claude-iconbtn svg { width: 22px; height: 22px; }
.mk-claude .mk-claude-brand {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-left: 4px;
}
.mk-claude .mk-claude-brandmark { width: 19px; height: 19px; }
.mk-claude .mk-claude-word {
  font-family: "Tiempos Headline", "Copernicus", "Iowan Old Style", Georgia, "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: -0.45px;
  line-height: 1;
  color: #141413;
  padding-top: 1px;
}
.mk-claude .mk-claude-chev { color: #8F8D86; }
.mk-claude .mk-claude-chev svg { width: 12px; height: 12px; }

/* ---------- conversation ---------- */
.mk-claude .mk-body { background: #FAF9F5; }
.mk-claude .mk-flow { padding: 10px 16px 18px; }

.mk-claude .mk-claude-user {
  display: flex;
  justify-content: flex-end;
  margin: 6px 0 4px;
  padding-left: 36px;
}
.mk-claude .mk-claude-bubble {
  max-width: 100%;
  background: #EFECE3;
  border-radius: 18px;
  padding: 9px 14px 9px;
  font-size: 15px;
  line-height: 1.45;
  letter-spacing: -0.25px;
  color: #141413;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.mk-claude .mk-claude-bubble:has(.mk-type:empty) { opacity: 0; }
.mk-claude .mk-claude-caret {
  display: inline-block;
  width: 1.5px;
  height: 17px;
  margin-left: 1px;
  vertical-align: -3px;
  background: #C96442;
  border-radius: 1px;
  animation: mk-claude-blink 1s steps(1) infinite;
}
.mk-claude .mk-flow:has(.mk-claude-tool.on) .mk-claude-caret { display: none; }
@keyframes mk-claude-blink { 50% { opacity: 0; } }

/* tool indicator */
.mk-claude .mk-claude-tool {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 16px 0 9px;
  font-size: 13.5px;
  letter-spacing: -0.15px;
  color: #7B7970;
}
.mk-claude .mk-claude-tool svg { width: 15px; height: 15px; flex: none; }
.mk-claude .mk-claude-tool .a {
  background: linear-gradient(90deg, #8F8D86 0%, #8F8D86 38%, #D8D5CB 50%, #8F8D86 62%, #8F8D86 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: mk-claude-shimmer 1.4s linear infinite;
}
@keyframes mk-claude-shimmer {
  from { background-position: 110% 0; }
  to { background-position: -110% 0; }
}
.mk-claude .mk-claude-tool .b { display: none; }
.mk-claude .mk-claude-tool.done .a { display: none; }
.mk-claude .mk-claude-tool.done .b {
  display: inline-flex;
  align-items: center;
  gap: 1px;
}
.mk-claude .mk-claude-toolchev svg { width: 12px; height: 12px; }

/* assistant answer (no bubble) */
.mk-claude .mk-claude-answer {
  font-family: "Tiempos Text", "Copernicus", "Iowan Old Style", Georgia, "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  font-size: 15px;
  line-height: 1.62;
  letter-spacing: -0.2px;
  color: #141413;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.mk-claude .mk-claude-p { margin: 0 0 11px; }
.mk-claude .mk-claude-p .mk-stream { display: inline; margin: 0; }
.mk-claude .mk-claude-ul {
  margin: 0 0 11px;
  padding: 0 0 0 20px;
  list-style: disc;
}
.mk-claude .mk-claude-ul li { margin: 0 0 4px; padding-left: 2px; }
.mk-claude .mk-claude-ul li::marker { color: #141413; font-size: 13px; }
.mk-claude .mk-claude-ul strong { font-weight: 600; }

/* inline citation pill */
.mk-claude .mk-claude-cite {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 7px;
  margin-left: 4px;
  border-radius: 9px;
  background: #E9E6DC;
  color: #5E5D59;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.05px;
  vertical-align: 1.5px;
  white-space: nowrap;
}
.mk-claude .mk-claude-cite em {
  font-style: normal;
  color: #8F8D86;
  margin-left: 3px;
}

/* end of reply: spark + actions */
.mk-claude .mk-claude-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}
.mk-claude .mk-claude-endmark { width: 26px; height: 26px; }
.mk-claude .mk-claude-acts {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #8F8D86;
  padding-right: 2px;
}
.mk-claude .mk-claude-acts i { display: block; }
.mk-claude .mk-claude-acts svg { width: 17px; height: 17px; }

/* ---------- composer ---------- */
.mk-claude .mk-claude-dock {
  flex: none;
  padding: 6px 9px 0;
  background: #FAF9F5;
}
.mk-claude .mk-claude-composer {
  background: #FFFFFF;
  border: 1px solid rgba(31, 30, 29, 0.1);
  border-radius: 24px;
  box-shadow: 0 1px 2px rgba(31, 30, 29, 0.03), 0 4px 16px rgba(60, 48, 30, 0.06);
  padding: 13px 10px 10px 14px;
}
.mk-claude .mk-claude-ph {
  height: 22px;
  line-height: 22px;
  font-size: 15px;
  letter-spacing: -0.25px;
  color: #8F8D86;
}
.mk-claude .mk-claude-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  margin-left: -4px;
}
.mk-claude .mk-claude-tools { display: flex; gap: 7px; }
.mk-claude .mk-claude-tbtn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(31, 30, 29, 0.13);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3D3D3A;
}
.mk-claude .mk-claude-tbtn svg { width: 17px; height: 17px; }
.mk-claude .mk-claude-send {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #D97757;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mk-claude .mk-claude-send svg { width: 17px; height: 17px; }
.mk-claude .mk-claude-home {
  width: 120px;
  height: 5px;
  border-radius: 3px;
  background: #141413;
  margin: 11px auto 7px;
}

.mk-gemini {
  background: #FFFFFF;
  color: #1F1F1F;
  font-family: "Google Sans Text", "Google Sans", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.1px;
}

/* ---------- shared icon button ---------- */
.mk-gemini .mk-gemini-ic {
  width: 36px;
  height: 36px;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #444746;
  border-radius: 50%;
}
.mk-gemini .mk-gemini-ic svg { width: 22px; height: 22px; display: block; }
.mk-gemini .mk-gemini-sp { flex: 1; }

/* ---------- top app bar ---------- */
.mk-gemini .mk-gemini-top {
  flex: none;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 12px 0 6px;
  background: #FFFFFF;
}
.mk-gemini .mk-gemini-top .mk-gemini-ic { color: #1F1F1F; }
.mk-gemini .mk-gemini-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 4px;
  font-family: "Google Sans", "Product Sans", Roboto, -apple-system, "Segoe UI", "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: #1F1F1F;
}
.mk-gemini .mk-gemini-spark { display: block; flex: none; }
.mk-gemini .mk-gemini-av {
  width: 30px;
  height: 30px;
  margin-left: 6px;
  border-radius: 50%;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #5E7FD6;
  color: #FFFFFF;
  font-family: "Google Sans", Roboto, -apple-system, "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3.5px #D3E3FD;
}

/* ---------- conversation ---------- */
.mk-gemini .mk-gemini-chat { padding: 6px 16px 22px; }

.mk-gemini .mk-gemini-urow {
  display: flex;
  justify-content: flex-end;
  margin: 6px 0 20px;
}
.mk-gemini .mk-gemini-bubble {
  max-width: 240px;
  min-height: 21px;
  background: #E9EEF6;
  color: #1F1F1F;
  border-radius: 22px 4px 22px 22px;
  padding: 10px 15px;
  font-size: 14.5px;
  line-height: 21px;
  word-break: keep-all;
  overflow-wrap: anywhere;
  transition: opacity .2s ease;
}
.mk-gemini .mk-gemini-bubble:has(.mk-type:empty) { opacity: 0; }
.mk-gemini .mk-gemini-bubble .mk-type::after {
  content: "";
  display: inline-block;
  width: 1.5px;
  height: 16px;
  margin-left: 1px;
  vertical-align: -3px;
  background: #0B57D0;
  animation: mk-gemini-caret 1s steps(1) infinite;
}
.mk-gemini .mk-gemini-chat:has(.mk-step.on) .mk-gemini-bubble .mk-type::after { display: none; }

/* thinking -> search complete */
.mk-gemini .mk-gemini-think {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 28px;
  margin: 0 0 8px;
  font-size: 13.5px;
  font-weight: 500;
}
.mk-gemini .mk-gemini-sparkwrap {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
.mk-gemini .mk-gemini-think:not(.done) .mk-gemini-spark {
  animation: mk-gemini-spin 1.8s cubic-bezier(.45, .05, .55, .95) infinite;
}
.mk-gemini .mk-gemini-a {
  color: transparent;
  background: linear-gradient(90deg, #5F6368 0%, #5F6368 35%, #C4C7C5 50%, #5F6368 65%, #5F6368 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: mk-gemini-shimmer 1.6s linear infinite;
}
.mk-gemini .mk-gemini-b {
  display: none;
  align-items: center;
  gap: 2px;
  color: #444746;
}
.mk-gemini .mk-gemini-b svg { width: 18px; height: 18px; display: block; }
.mk-gemini .mk-gemini-think.done .mk-gemini-a { display: none; }
.mk-gemini .mk-gemini-think.done .mk-gemini-b { display: inline-flex; }

/* response body */
.mk-gemini .mk-gemini-resp {
  font-size: 14px;
  line-height: 22px;
  color: #1F1F1F;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.mk-gemini .mk-gemini-resp p { margin: 0 0 10px; }
.mk-gemini .mk-gemini-resp p:empty { margin: 0; }
.mk-gemini .mk-gemini-ul {
  margin: 0 0 10px;
  padding: 0 0 0 20px;
  list-style: disc;
}
.mk-gemini .mk-gemini-ul li { margin: 0 0 7px; padding-left: 2px; }
.mk-gemini .mk-gemini-ul li::marker { color: #1F1F1F; font-size: 12px; }
.mk-gemini .mk-gemini-ul strong { font-weight: 700; color: #1F1F1F; }

/* sources */
.mk-gemini .mk-gemini-src { margin: 6px 0 8px; }
.mk-gemini .mk-gemini-srchd {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 30px;
  padding: 0 12px 0 6px;
  margin-bottom: 8px;
  border-radius: 15px;
  background: #F0F4F9;
  font-size: 13px;
  font-weight: 500;
  color: #1F1F1F;
}
.mk-gemini .mk-gemini-stack { display: inline-flex; }
.mk-gemini .mk-gemini-stack .mk-gemini-fav { box-shadow: 0 0 0 1.5px #F0F4F9; }
.mk-gemini .mk-gemini-stack .mk-gemini-fav + .mk-gemini-fav { margin-left: -5px; }
.mk-gemini .mk-gemini-fav {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 8.5px;
  font-weight: 700;
  line-height: 1;
  font-family: "Pretendard Variable", "Apple SD Gothic Neo", Roboto, sans-serif;
}
.mk-gemini .mk-gemini-cards {
  display: flex;
  gap: 8px;
  margin-right: -16px;
  overflow: hidden;
}
.mk-gemini .mk-gemini-card {
  flex: none;
  width: 158px;
  box-sizing: border-box;
  padding: 10px 11px 10px;
  border-radius: 14px;
  background: #F0F4F9;
}
.mk-gemini .mk-gemini-ct {
  height: 34px;
  font-size: 12.5px;
  line-height: 17px;
  font-weight: 500;
  color: #1F1F1F;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.mk-gemini .mk-gemini-cm {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 8px;
  font-size: 10.5px;
  letter-spacing: -0.2px;
  line-height: 14px;
  color: #444746;
  white-space: nowrap;
  overflow: hidden;
}
.mk-gemini .mk-gemini-cm span:last-child { overflow: hidden; text-overflow: ellipsis; }

/* response actions */
.mk-gemini .mk-gemini-acts {
  display: flex;
  align-items: center;
  gap: 2px;
  margin: 4px 0 0 -8px;
}
.mk-gemini .mk-gemini-acts .mk-gemini-ic { width: 34px; height: 34px; }
.mk-gemini .mk-gemini-acts .mk-gemini-ic svg { width: 18px; height: 18px; }

/* ---------- composer ---------- */
.mk-gemini .mk-gemini-bottom {
  flex: none;
  position: relative;
  padding: 4px 10px 0;
  background: #FFFFFF;
}
.mk-gemini .mk-gemini-bottom::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -18px;
  height: 18px;
  background: linear-gradient(rgba(255, 255, 255, 0), #FFFFFF);
  pointer-events: none;
}
.mk-gemini .mk-gemini-comp {
  background: #F0F4F9;
  border-radius: 26px;
  padding: 13px 8px 6px 18px;
}
.mk-gemini .mk-gemini-ph {
  height: 22px;
  font-size: 15px;
  line-height: 22px;
  color: #5F6368;
  white-space: nowrap;
}
.mk-gemini .mk-gemini-row {
  display: flex;
  align-items: center;
  margin: 8px 0 0 -10px;
}
.mk-gemini .mk-gemini-row .mk-gemini-ic { color: #1F1F1F; }
.mk-gemini .mk-gemini-tool {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 10px 0 6px;
  color: #1F1F1F;
  font-size: 13.5px;
  font-weight: 500;
}
.mk-gemini .mk-gemini-tool svg { width: 20px; height: 20px; display: block; }
.mk-gemini .mk-gemini-live {
  width: 38px;
  height: 38px;
  margin-left: 2px;
  border-radius: 50%;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #1F1F1F;
  color: #FFFFFF;
}
.mk-gemini .mk-gemini-live svg { width: 20px; height: 20px; display: block; }
.mk-gemini .mk-gemini-home {
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mk-gemini .mk-gemini-home span {
  width: 112px;
  height: 4px;
  border-radius: 3px;
  background: #1F1F1F;
}

@keyframes mk-gemini-caret {
  0% { opacity: 1; }
  50% { opacity: 0; }
}
@keyframes mk-gemini-spin {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(180deg) scale(.82); }
  100% { transform: rotate(360deg) scale(1); }
}
@keyframes mk-gemini-shimmer {
  0% { background-position: 100% 0; }
  100% { background-position: -120% 0; }
}

/* Grok (xAI) mobile app — dark mode mockup */
.mk-grok {
  background: #000;
  color: #E8E8E8;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", Arial, "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.01em;
}
.mk-grok svg { display: block; }

/* ---------- top app bar ---------- */
.mk-grok .mk-grok-top {
  flex: none;
  position: relative;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  background: #000;
}
.mk-grok .mk-grok-ic {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E6E6E6;
}
.mk-grok .mk-grok-ic svg { width: 22px; height: 22px; }
.mk-grok .mk-grok-right { display: flex; align-items: center; gap: 2px; }
.mk-grok .mk-grok-brand {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  gap: 6px;
  color: #fff;
}
.mk-grok .mk-grok-brand svg { width: 21px; height: 21px; }
.mk-grok .mk-grok-word {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1;
}

/* ---------- conversation ---------- */
.mk-grok .mk-flow { padding: 10px 16px 30px; }

.mk-grok .mk-grok-user {
  display: flex;
  justify-content: flex-end;
  margin: 4px 0 18px;
}
.mk-grok .mk-grok-bubble {
  box-sizing: border-box;
  max-width: 84%;
  min-width: 44px;
  min-height: 42px;
  padding: 10px 15px;
  background: #1F1F1F;
  border: 1px solid #2A2A2A;
  border-radius: 22px 22px 6px 22px;
  font-size: 14.5px;
  line-height: 1.45;
  color: #F5F5F5;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

/* thinking / search status */
.mk-grok .mk-grok-tool {
  display: flex;
  align-items: center;
  height: 26px;
  margin: 0 0 8px;
  font-size: 13.5px;
  color: #9A9A9A;
}
.mk-grok .mk-grok-tool .a,
.mk-grok .mk-grok-tool .b {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.mk-grok .mk-grok-tool .b { display: none; }
.mk-grok .mk-grok-tool.done .a { display: none; }
.mk-grok .mk-grok-tool.done .b { display: inline-flex; }
.mk-grok .mk-grok-tool .b svg { width: 15px; height: 15px; color: #9A9A9A; }
.mk-grok .mk-grok-tool .b .mk-grok-chev { width: 13px; height: 13px; margin-left: -3px; color: #6F6F6F; }
.mk-grok .mk-grok-spin {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #333;
  border-top-color: #DADADA;
  animation: mk-grok-spin 0.8s linear infinite;
}
.mk-grok .mk-grok-shim {
  background: linear-gradient(90deg, #6A6A6A 0%, #6A6A6A 35%, #F2F2F2 50%, #6A6A6A 65%, #6A6A6A 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: mk-grok-shimmer 1.6s linear infinite;
}
@keyframes mk-grok-spin { to { transform: rotate(360deg); } }
@keyframes mk-grok-shimmer { from { background-position: 100% 0; } to { background-position: -100% 0; } }

/* assistant answer */
.mk-grok .mk-grok-ans {
  font-size: 14.5px;
  line-height: 1.62;
  color: #E4E4E4;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.mk-grok .mk-grok-p { margin: 0 0 10px; }
.mk-grok .mk-grok-h {
  margin: 14px 0 4px;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.45;
  color: #FFFFFF;
}
.mk-grok .mk-grok-ul {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}
.mk-grok .mk-grok-ul li {
  position: relative;
  padding-left: 19px;
  margin: 0 0 3px;
}
.mk-grok .mk-grok-ul li::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 10px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #CFCFCF;
}
.mk-grok .mk-grok-cite {
  display: inline-flex;
  align-items: center;
  height: 19px;
  padding: 0 7px;
  margin-left: 2px;
  border-radius: 999px;
  background: #222222;
  color: #A9A9A9;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  vertical-align: 1px;
  white-space: nowrap;
}

/* sources pill */
.mk-grok .mk-grok-src {
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  height: 32px;
  box-sizing: border-box;
  padding: 0 12px 0 6px;
  margin: 8px 0 10px;
  border-radius: 999px;
  background: #121212;
  border: 1px solid #262626;
  font-size: 13px;
  color: #BDBDBD;
}
.mk-grok .mk-grok-favs { display: flex; align-items: center; }
.mk-grok .mk-grok-fav {
  box-sizing: border-box;
  width: 21px;
  height: 21px;
  margin-left: -7px;
  border-radius: 50%;
  border: 2px solid #121212;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0;
}
.mk-grok .mk-grok-fav:first-child { margin-left: 0; }

/* response action row */
.mk-grok .mk-grok-act {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: -7px;
  color: #8A8A8A;
}
.mk-grok .mk-grok-a {
  width: 31px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mk-grok .mk-grok-a svg { width: 17px; height: 17px; }

/* ---------- bottom composer ---------- */
.mk-grok .mk-grok-foot {
  flex: none;
  position: relative;
  z-index: 2;
  padding: 4px 10px 0;
  background: #000;
}
.mk-grok .mk-grok-foot::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -28px;
  height: 28px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
  pointer-events: none;
}
.mk-grok .mk-grok-comp {
  background: #171717;
  border: 1px solid #2A2A2A;
  border-radius: 26px;
  padding: 12px 8px 8px 10px;
}
.mk-grok .mk-grok-ph {
  height: 22px;
  padding: 0 6px;
  font-size: 15px;
  line-height: 22px;
  color: #777;
}
.mk-grok .mk-grok-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 9px;
}
.mk-grok .mk-grok-clip {
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #2E2E2E;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #D4D4D4;
}
.mk-grok .mk-grok-clip svg { width: 18px; height: 18px; }
.mk-grok .mk-grok-rt { display: flex; align-items: center; gap: 7px; }
.mk-grok .mk-grok-mode {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 4px;
  height: 34px;
  padding: 0 10px 0 12px;
  border-radius: 999px;
  border: 1px solid #2E2E2E;
  font-size: 13.5px;
  font-weight: 500;
  color: #E2E2E2;
}
.mk-grok .mk-grok-mode svg { width: 14px; height: 14px; color: #9C9C9C; }
.mk-grok .mk-grok-go {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mk-grok .mk-grok-go svg { width: 20px; height: 20px; }
.mk-grok .mk-grok-home {
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mk-grok .mk-grok-bar {
  width: 112px;
  height: 4px;
  border-radius: 3px;
  background: #F0F0F0;
}

/* ── Home refresh · appended to landing.css (selectors .h-* or scoped to home section ids) ── */

/* shared bits */
.h-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:32px}
.h-links.center{justify-content:center}
.h-links .link{align-self:auto}
.h-mbr{display:none}
@media (max-width:520px){.h-mbr{display:inline}}
.h-btns{display:flex;flex-wrap:wrap;gap:10px}
.h-subh{margin:0;font-size:clamp(22px,2.4vw,28px);line-height:1.4;font-weight:800;letter-spacing:-.025em}
.h-subp{margin:10px 0 0;font-size:17px;line-height:1.7;color:var(--g700)}
.h-cap-h{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--g600)}
.h-ql{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:var(--g600)}
.h-block{margin-top:clamp(72px,9vw,120px)}
.h-bhead{max-width:780px;margin-bottom:28px}
.h-st{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:8px;font-size:12.5px;font-weight:700;font-style:normal;line-height:1;white-space:nowrap}
.h-st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.h-st-ok{background:var(--green-50);color:#027a4a}
.h-st-wait{background:var(--orange-50);color:#b35300}
.h-st-fail{background:var(--red-50);color:#c01f2e}
.h-st-info{background:var(--blue-50);color:var(--blue-700)}
.h-st-next{background:var(--g100);color:var(--g700)}

/* ── #top hero ── */
.hero-sub{max-width:760px}
.h-hchips .h-hchip-main a{background:var(--blue-50);box-shadow:inset 0 0 0 1px var(--blue-100);color:var(--blue-700);font-weight:700}
.h-hchips .h-hchip-main a:hover{background:#dcecff;box-shadow:inset 0 0 0 1px var(--blue-100),0 6px 18px rgba(2,32,71,.08)}
.h-hchips .h-hchip-main .h-hchip-ic{background:var(--blue);color:#fff}
.js .hero-copy-in>*:nth-child(6){animation-delay:.4s}
.js .hero-copy-in>*:nth-child(7){animation-delay:.48s}
.h-hchips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0 0;padding:0;list-style:none}
.h-hchips a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 6px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:inset 0 0 0 1px var(--g200);font-size:14px;font-weight:600;color:var(--g800);text-decoration:none;transition:background .2s,box-shadow .2s}
.h-hchips a:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--blue-100),0 6px 18px rgba(2,32,71,.08)}
.h-hchip-ic{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue-50);color:var(--blue-700);font-size:15px}
.toast-5{left:3%;top:47%;white-space:normal;animation-delay:-5s}
.toast-5 .logo-dot{background:var(--blue-50);color:var(--blue-700)}
.h-toast-lb{display:flex;width:max-content;margin-bottom:3px;padding:2px 7px;border-radius:6px;background:var(--g100);font-size:11px;font-weight:700;font-style:normal;color:var(--g700)}
@media (max-width:1359px){.toast-5{display:none}}
/* keep decorative toasts off the copy, CTA and chips (measured 900–1920px) */
.hero-note{display:inline-block;padding:5px 12px;border-radius:10px;background:rgba(255,255,255,.88)}
.toast-3{left:auto;right:2.5%;top:auto;bottom:84px}
.toast-4{left:6%}
@media (max-width:1439px){.toast-3,.toast-4{display:none}.toast-1{left:3%;top:20%}.toast-2{left:auto;right:3%;top:16%}}
.h-hero-ex{display:none}
@media (max-width:860px){
  .hero{height:auto;min-height:0}
  .hero-copy{position:relative;left:auto;top:auto;transform:none;margin:0 auto;padding:52px 0 76px}
  .h-hero-ex{display:block;width:236px;margin:36px auto 0;padding:7px;border-radius:36px;background:#0f1114;box-shadow:var(--shadow-float),inset 0 0 0 1.5px #3a3f46;text-align:left}
  .h-hchips{margin-top:28px}
}
.h-hx-in{position:relative;height:292px;overflow:hidden;padding:14px 14px 0;border-radius:29px;background:#fff}
.h-hx-in::after{content:"";position:absolute;inset:auto 0 0;height:56px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.h-hx-sb{display:flex;justify-content:space-between;padding:0 6px;font-size:11px;font-weight:700;color:var(--g900)}
.h-hx-url{margin:10px 0 0;padding:6px 10px;border-radius:9px;background:var(--g100);font-size:11px;line-height:1.3;color:var(--g600);overflow-wrap:anywhere}
.h-hx-in .badge{height:22px;margin-top:12px;font-size:11px}
.h-hx-t{margin:8px 0 0;font-size:15.5px;line-height:1.4;font-weight:800;letter-spacing:-.02em;color:var(--g900)}
.h-hx-s{margin:2px 0 0;font-size:12px;color:var(--g600)}
.h-hx-rows{margin:10px 0 0;padding:0;list-style:none;counter-reset:hx}
.h-hx-rows li{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--g100);font-size:12.5px;font-weight:600;color:var(--g800);counter-increment:hx}
.h-hx-rows li::before{content:counter(hx);display:grid;place-items:center;flex:none;width:18px;height:18px;border-radius:6px;background:var(--blue-50);color:var(--blue-700);font-size:10px;font-weight:800}

/* ── #screens ── */
#screens .h-links{margin-top:24px}
#plat-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
#plat-seg [role="tab"]{min-width:0;padding:0 8px;white-space:nowrap}
#screens .device-stage{padding-bottom:40px}
#screens .device-stage::after{content:"검색·AI 화면 예시 · 가상 병원";position:absolute;left:0;right:0;bottom:8px;font-size:13px;line-height:1.4;color:var(--g600);text-align:center}
@media (max-width:420px){#plat-seg{gap:6px}#plat-seg [role="tab"]{padding:0 4px;font-size:14px}}
@media (max-width:340px){#plat-seg{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── #work ── */
.h-work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.h-wcard{display:flex;flex-direction:column;overflow:hidden;border-radius:32px;background:#fff}
.h-shot{--acc:var(--blue);--tint:#eaf3ff;position:relative;height:300px;margin:12px 12px 0;overflow:hidden;border-radius:24px;background:linear-gradient(160deg,var(--tint) 0%,#f7faff 100%)}
.h-shot-gyeol{--acc:#b4674a;--tint:#f8ece5;background:linear-gradient(160deg,var(--tint) 0%,#fdf8f5 100%)}
.h-pc{position:absolute;left:24px;top:28px;width:78%;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(2,32,71,.06),0 16px 40px rgba(2,32,71,.1);font-size:10px;line-height:1.45;color:var(--g800)}
.h-pc-bar{display:flex;align-items:center;gap:5px;padding:8px 10px;border-bottom:1px solid var(--g100)}
.h-pc-bar i{width:6px;height:6px;border-radius:50%;background:var(--g200)}
.h-pc-bar span{margin-left:6px;padding:2px 8px;border-radius:6px;background:var(--g100);font-size:9.5px;color:var(--g600)}
.h-pc-nav{display:flex;align-items:center;gap:10px;padding:9px 14px;overflow:hidden;font-size:9.5px;color:var(--g600);white-space:nowrap}
.h-pc-nav b{margin-right:auto;font-size:11.5px;font-weight:800;color:var(--g900)}
.h-pc-nav em{padding:3px 9px;border-radius:6px;background:var(--acc);color:#fff;font-style:normal;font-weight:700}
.h-pc-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px;padding:10px 14px 12px}
.h-pc-hero small{font-size:9px;font-weight:700;color:var(--acc)}
.h-pc-hero p{margin:3px 0 8px;font-size:15px;line-height:1.3;font-weight:800;letter-spacing:-.02em;color:var(--g900)}
.h-pc-btn{display:inline-block;padding:4px 10px;border-radius:6px;background:var(--g900);color:#fff;font-size:9px;font-weight:700}
.h-pc-side{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.h-pc-side li{padding:7px 9px;border-radius:9px;background:var(--g50)}
.h-pc-side b{display:block;font-size:10px;color:var(--g900)}
.h-pc-side span{font-size:9px;color:var(--g600)}
.h-pc-tags{display:flex;flex-wrap:wrap;align-content:start;gap:5px}
.h-pc-tags span{padding:5px 9px;border-radius:999px;background:var(--tint);color:var(--acc);font-size:9.5px;font-weight:700}
.h-pc-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 14px 14px}
.h-pc-cards span{padding:10px 8px 20px;border-radius:9px;background:var(--g50);font-size:9.5px;font-weight:700;color:var(--g800)}
.h-mph{position:absolute;right:22px;bottom:-44px;width:134px;padding:5px;border-radius:24px;background:#0f1114;box-shadow:var(--shadow-float)}
.h-mph-in{height:236px;overflow:hidden;padding:14px 10px;border-radius:19px;background:#fff;font-size:9.5px;color:var(--g800)}
.h-mph-url{margin:0 0 8px;padding:3px 7px;border-radius:6px;background:var(--g100);font-size:8.5px;color:var(--g600);overflow-wrap:anywhere}
.h-mph-in b{display:block;font-size:12.5px;line-height:1.35;font-weight:800;color:var(--g900)}
.h-mph-in ol{margin:8px 0 0;padding:0;list-style:none;counter-reset:mp}
.h-mph-in li{display:flex;align-items:center;gap:5px;padding:6px 0;border-top:1px solid var(--g100);font-weight:600;counter-increment:mp}
.h-mph-in li::before{content:counter(mp);display:grid;place-items:center;flex:none;width:14px;height:14px;border-radius:4px;background:var(--tint);color:var(--acc);font-size:8px;font-weight:800}
.h-wbody{display:flex;flex:1;flex-direction:column;padding:28px 32px 32px}
.h-wtop{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.h-dept{font-size:14px;font-weight:600;color:var(--g600)}
.h-wbody h3{margin:14px 0 0;font-size:26px;font-weight:800;letter-spacing:-.025em}
.h-mini{margin:20px 0 8px;font-size:13px;font-weight:700;color:var(--g600)}
.h-wq{margin:0;padding:14px 18px;border-radius:20px 20px 20px 6px;background:var(--g50);font-size:16px;font-weight:600;line-height:1.55;color:var(--g900)}
.h-wp{margin:0;font-size:16px;line-height:1.7;color:var(--g700)}
.h-path{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
.h-path li{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700}
.h-path li span{padding:6px 12px;border-radius:999px;background:var(--blue-50);color:var(--blue-700)}
.h-path li+li::before{content:"→";font-weight:600;color:var(--g400)}
.h-wbody .tags{margin-top:20px}
.h-wbody>.link{align-self:flex-start;margin-top:auto;padding-top:22px}
.h-wfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:28px}
.h-wfoot .fine{max-width:720px;margin:0}
@media (max-width:900px){.h-work{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.h-shot{height:262px}.h-pc{left:14px;top:18px;width:88%}.h-mph{right:12px;width:120px}.h-wbody{padding:24px 22px 28px}.h-wbody h3{font-size:23px}}

/* ── #questions ── */
.h-qmap{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.h-qmap>li{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1.25fr) 28px minmax(0,1fr);align-items:start;gap:14px;padding:20px 22px;border-radius:28px;background:var(--g50)}
.h-qc{min-width:0}
.h-bubble{display:inline-block;max-width:100%;margin:0;padding:13px 16px;border-radius:20px 20px 20px 6px;background:#fff;font-size:16px;font-weight:600;line-height:1.5;box-shadow:0 1px 2px rgba(2,32,71,.06)}
.h-qc-p{padding:18px 20px;border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(2,32,71,.06)}
.h-qc-p b{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700}
.h-qc-p b .ico{font-size:20px;color:var(--blue)}
.h-qc-p p{margin:4px 0 0;font-size:15px;color:var(--g700)}
.h-arrow{display:grid;place-items:center;align-self:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--g500);font-size:15px}
.h-acts{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.h-acts li{padding:8px 12px;border-radius:12px;background:var(--blue-50);color:var(--blue-700);font-size:14px;font-weight:700}
.h-qnote{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px 40px;margin-top:24px}
.h-qnote p{margin:0}
.h-qnote .h-subp{margin:0;font-size:16px}
.h-qnote .fine{margin:6px 0 0}
.h-bnote{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding:18px 24px;border-radius:20px;background:var(--blue-50)}
.h-bnote p{margin:0;font-size:16px;font-weight:600;color:var(--g800)}
@media (max-width:860px){.h-qmap>li{grid-template-columns:minmax(0,1fr);gap:10px;padding:18px}.h-arrow{justify-self:start;margin-left:14px;transform:rotate(90deg)}.h-qnote{grid-template-columns:minmax(0,1fr)}}

/* ── #problems ── */
.h-plink{margin-top:14px}
.h-pmore{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 32px;margin-top:16px;padding:26px 30px;border-radius:24px;background:#fff}
.h-pmore b{display:block;font-size:18px;font-weight:700}
.h-pmore p{margin:4px 0 0;font-size:15px;color:var(--g700)}
.h-pmore p a{color:var(--blue-700);font-weight:600}
@media (max-width:760px){.h-pmore{grid-template-columns:minmax(0,1fr);padding:22px}}

/* ── #geo ── */
.h-geo-ex{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(20px,3.4vw,44px);border-radius:32px;background:var(--g50)}
.h-gpage{overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(2,32,71,.06),0 18px 44px rgba(2,32,71,.08)}
.h-gp-body{padding:6px 18px 12px}
.h-gp-blk{position:relative;padding:14px 0 14px 38px;border-bottom:1px solid var(--g100)}
.h-gp-blk:last-child{border-bottom:0}
.h-mk{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;font-size:13px;font-weight:800;line-height:1}
.h-gp-blk>.h-mk{position:absolute;left:0;top:14px}
.h-gp-blk small{display:block;font-size:12px;font-weight:600;color:var(--g600)}
.h-gp-h{margin:2px 0 0;font-size:22px;line-height:1.35;font-weight:800;letter-spacing:-.02em}
.h-gp-lead{margin:6px 0 0;font-size:14px;line-height:1.6;color:var(--g700)}
.h-gp-doc{display:flex;align-items:center;gap:12px}
.h-av{flex:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue-100),var(--blue-50))}
.h-gp-doc b{display:block;font-size:15px}
.h-gp-k{display:block;margin-bottom:8px;font-size:14px;font-weight:700;color:var(--g900)}
.h-gp-qa{padding:10px 12px;border-radius:12px;background:var(--g50);font-size:13px;line-height:1.55}
.h-gp-qa+.h-gp-qa{margin-top:6px}
.h-gp-qa b{display:block;font-size:13.5px;color:var(--g900)}
.h-gp-qa span{color:var(--g700)}
.h-gp-rel{display:flex;flex-wrap:wrap;gap:6px}
.h-gp-rel span{padding:6px 10px;border-radius:10px;background:var(--blue-50);color:var(--blue-700);font-size:13px;font-weight:700}
.h-gp-rev{font-size:13px;color:var(--g600)}
.h-gp-rev span:not(.h-mk){display:inline-flex;margin:0 6px 4px 0;padding:4px 8px;border-radius:8px;background:var(--g100);font-weight:600;color:var(--g700)}
.h-gnotes{min-width:0}
.h-gnotes-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:6px}
.h-gnotes-top p{margin:0;font-size:15px;font-weight:600;color:var(--g700)}
.h-marks{margin:0;padding:0;list-style:none}
.h-marks li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;padding:16px 0;border-top:1px solid var(--g200)}
.h-marks li:first-child{border-top:0}
.h-marks b{display:block;font-size:17px;font-weight:700;line-height:24px}
.h-marks div>span{display:block;margin-top:2px;font-size:15px;line-height:1.6;color:var(--g700)}
.h-geo-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.h-pane{padding:clamp(24px,3vw,36px);border-radius:32px;background:var(--g50)}
.h-nodes{margin:0;padding:0;list-style:none}
.h-nodes li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:18px;background:#fff}
.h-nodes li+li{margin-top:24px}
.h-nodes li+li::before{content:"↕";position:absolute;left:24px;top:-22px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--blue-50);color:var(--blue-700);font-size:12px;font-weight:800}
.h-nodes .ic{width:44px;height:44px;border-radius:14px;font-size:20px}
.h-nodes b{display:block;font-size:17px;font-weight:700}
.h-nodes small{display:block;font-size:14px;color:var(--g600)}
.h-conn-cap{margin:20px 0 0;font-size:15px;line-height:1.65;color:var(--g700)}
.h-pane .checklist li{padding:15px 0;border-bottom-color:var(--g200)}
.h-dl-wrap{margin-top:clamp(64px,8vw,96px)}
#geo .dlist{margin-top:0}
#geo .note{margin-top:24px}
@media (max-width:960px){.h-geo-ex{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){.h-geo-2{grid-template-columns:minmax(0,1fr)}}

/* ── #measure (white · continues the #geo chapter, so #content could move up without breaking grey/white alternation) ── */
#geo{padding-bottom:clamp(56px,7vw,96px)}
#measure{padding-top:0}
#measure>.wrap::before{content:"";display:block;height:1px;margin-bottom:clamp(56px,7vw,96px);background:var(--g200)}
#measure .note{margin-top:16px}

/* ── #why-publish (grey) ── */
.h-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.h-why>li{position:relative;padding:30px 28px 28px;border-radius:24px;background:#fff}
.h-why>li+li::before{content:"→";position:absolute;left:-24px;top:30px;z-index:2;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--g900);color:#fff;font-size:15px;font-weight:700;box-shadow:0 0 0 4px var(--g50)}
.h-why-n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--blue-50);color:var(--blue-700);font-size:15px;font-weight:800}
.h-why>li:last-child .h-why-n{background:var(--blue);color:#fff}
.h-why h3{margin:18px 0 8px;font-size:20px;line-height:1.45;font-weight:700;letter-spacing:-.02em}
.h-why p{margin:0;font-size:16px;line-height:1.65;color:var(--g700)}
.h-why-2{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;margin-top:16px}
.h-judge{display:flex;flex-direction:column;padding:clamp(28px,3.4vw,40px);border-radius:28px;background:var(--g900);color:#fff}
.h-judge-lb{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;background:rgba(255,255,255,.14);font-size:13px;font-weight:700;color:#fff}
.h-judge-lb::before{content:"";width:6px;height:6px;border-radius:50%;background:#8fc0ff}
.h-judge p{margin:22px 0 0;font-size:clamp(22px,2.3vw,30px);line-height:1.45;font-weight:800;letter-spacing:-.03em}
.h-judge em{font-style:normal;color:#8fc0ff}
.h-judge small{display:block;margin-top:auto;padding-top:28px;font-size:14px;line-height:1.65;color:var(--g400)}
.h-plan{min-width:0;padding:clamp(24px,3vw,36px);border-radius:28px;background:#fff}
.h-plan-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 16px}
.h-plan-top h3{margin:0;font-size:clamp(20px,2vw,24px);line-height:1.4;font-weight:800;letter-spacing:-.025em}
.h-plan-top .badge{height:auto;min-height:28px;padding-block:5px;line-height:1.35;white-space:normal}
.h-bars{--u:16px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;height:calc(var(--u)*12);margin:56px 0 0;padding:0;list-style:none;border-bottom:1px solid var(--g200)}
.h-bars li{position:relative}
.h-bars i{position:absolute;left:0;right:0;bottom:0;height:calc(var(--m)*var(--u) - 2px);border-radius:6px 6px 2px 2px;background:repeating-linear-gradient(0deg,var(--blue-100) 0 calc(var(--u) - 2px),transparent calc(var(--u) - 2px) var(--u))}
.h-bars .on i{background:repeating-linear-gradient(0deg,var(--blue) 0 calc(var(--u) - 2px),transparent calc(var(--u) - 2px) var(--u))}
.h-bars b{position:absolute;left:50%;bottom:calc(var(--m)*var(--u) + 6px);transform:translateX(-50%);font-size:15px;line-height:1.2;font-weight:800;color:var(--blue-700);white-space:nowrap}
.h-bars span{position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);font-size:13px;line-height:1.2;font-weight:600;color:var(--g600);white-space:nowrap}
.h-bars li:first-child>:is(b,span){left:0;transform:none}
.h-bars li:last-child>:is(b,span){left:auto;right:0;transform:none}
.h-plan-cap{margin:44px 0 0;font-size:14px;line-height:1.6;color:var(--g700)}
.h-nj-box{margin-top:16px;padding:clamp(24px,3.4vw,40px);border-radius:28px;background:#fff}
.h-nj-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px}
.h-nj-head .h-subp{margin:0;font-size:16px}
.h-nj{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0;padding:0;list-style:none}
.h-nj li{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;padding:20px;border-radius:20px;background:var(--g50)}
.h-nj .ic{width:44px;height:44px;border-radius:14px;font-size:20px}
.h-nj b{display:block;font-size:17px;font-weight:700;line-height:1.45}
.h-nj div>span{display:block;margin-top:4px;font-size:15px;line-height:1.6;color:var(--g700)}
.h-nj-src{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.h-nj-src a{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;align-items:center;gap:6px 12px;padding:18px 20px;border-radius:20px;box-shadow:inset 0 0 0 1px var(--g200);color:inherit;text-decoration:none;transition:background .2s}
.h-nj-src a:hover{background:var(--g50)}
.h-nj-src b{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:700;color:var(--blue-700)}
.h-nj-src b .ico{font-size:15px}
.h-nj-src span:not(.badge){grid-column:1/-1;font-size:14px;line-height:1.6;color:var(--g700)}
@media (max-width:960px){.h-why-2{grid-template-columns:minmax(0,1fr)}.h-nj{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){
  .h-why{grid-template-columns:minmax(0,1fr);gap:28px}
  .h-why>li+li::before{content:"↓";left:28px;top:-30px}
  .h-why h3 br{display:none}
  .h-nj-src{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px){.h-bars{--u:12px;gap:4px}.h-bars b{font-size:13px}.h-bars span{font-size:12px}.h-plan-top h3 br{display:none}}

/* ── #content (white) · flagship ── */
.h-flag{display:inline-flex;align-items:center;height:26px;margin-left:6px;padding:0 10px;border-radius:999px;background:var(--blue);color:#fff;font-size:13px;font-weight:700;vertical-align:2px}
.h-cf{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(40px,6vw,80px)}
.h-cf .checklist{margin-top:28px}
.h-cf .checklist li{padding:15px 0}
.h-cf .checklist b{font-size:17px}
.h-cf .fine{margin-top:16px}
.h-blog{min-width:0;margin:0}
.h-blog-win{overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 1px 2px rgba(2,32,71,.06),0 24px 60px rgba(2,32,71,.12),inset 0 0 0 1px var(--g100)}
.h-blog-win .pm-url span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h-blog-in{padding:18px 20px 20px}
.h-blog-hd{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 12px}
.h-blog-hd b{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--g900)}
.h-blog-hd small{display:block;margin-top:1px;font-size:13px;color:var(--g600)}
.h-blog-cats{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.h-blog-cats span{padding:6px 11px;border-radius:999px;background:var(--g100);font-size:13px;font-weight:600;line-height:1.3;color:var(--g700)}
.h-blog-cats .on{background:var(--g900);color:#fff}
.h-blog-prog{margin-top:14px;padding:14px 16px;border-radius:16px;background:var(--blue-50)}
.h-blog-prog-t{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.h-blog-prog-t b{font-size:15px;font-weight:700;color:var(--g900)}
.h-blog-prog-t small{flex:none;padding:2px 7px;border-radius:6px;background:#fff;font-size:11.5px;font-weight:700;color:var(--g700)}
.h-seg8{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin-top:10px}
.h-seg8 i{height:8px;border-radius:4px;background:var(--blue)}
.h-seg8 i.s{background:#8fc0ff}
.h-seg8 i.w{background:#ffc46b}
.h-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:9px;font-size:12.5px;font-weight:600;color:var(--g700)}
.h-legend span{display:inline-flex;align-items:center;gap:5px}
.h-legend span::before{content:"";width:8px;height:8px;border-radius:3px;background:var(--blue)}
.h-legend .h-lg-sch::before{background:#8fc0ff}
.h-legend .h-lg-wait::before{background:#ffc46b}
.h-posts{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.h-posts li{padding:14px 16px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--g200)}
.h-posts small{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12.5px;font-weight:700;color:var(--blue-700)}
.h-posts small .h-st{height:22px;padding:0 7px;font-size:11.5px}
.h-posts b{display:block;margin-top:4px;font-size:16px;line-height:1.45;font-weight:700;color:var(--g900)}
.h-posts dl{display:flex;flex-wrap:wrap;gap:4px 6px;margin:10px 0 0}
.h-posts dl div{display:inline-flex;gap:5px;padding:3px 8px;border-radius:7px;background:var(--g50);font-size:12px;line-height:1.5}
.h-posts dt{font-weight:600;color:var(--g600)}
.h-posts dd{margin:0;font-weight:700;color:var(--g800)}
.h-post-sch{background:var(--g50)}
.h-post-sch dl div{background:#fff}
.h-blog-cap{margin:16px 0 0;font-size:13px;line-height:1.55;color:var(--g600);text-align:center}
.h-month{margin-top:clamp(64px,8vw,104px)}
.h-month-hd{margin-bottom:24px}
.h-month-hd .h-subp{margin-top:8px}
.h-weeks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.h-weeks>li{display:flex;flex-direction:column;padding:24px 22px 22px;border-radius:24px;background:var(--g50)}
.h-weeks>li.h-wk-gate{background:var(--blue-50)}
.h-wk{align-self:flex-start;display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:8px;background:#fff;font-size:13px;font-weight:800;color:var(--blue-700)}
.h-weeks h4{margin:14px 0 10px;font-size:20px;line-height:1.4;font-weight:800;letter-spacing:-.02em}
.h-weeks p{margin:0;font-size:15px;line-height:1.6;color:var(--g700)}
.h-weeks p+p{margin-top:8px}
.h-weeks p b{display:inline-block;margin-right:6px;padding:0 6px;border-radius:6px;background:#fff;font-size:12.5px;font-weight:700;line-height:1.7;color:var(--g800);vertical-align:1px}
.h-weeks p.h-got{margin-top:auto;padding-top:16px}
.h-weeks p.h-got::before{content:"";display:block;height:1px;margin-bottom:12px;background:var(--g200)}
.h-weeks .h-wk-gate p.h-got::before{background:var(--blue-100)}
.h-weeks p.h-got{color:var(--g900);font-weight:700}
.h-got small{display:block;font-size:12.5px;font-weight:600;color:var(--g600)}
.h-month>.fine{margin-top:16px}
.h-month>.note{margin-top:16px}
#content>.wrap>.h-links{margin-top:36px}
@media (max-width:1000px){.h-cf{grid-template-columns:minmax(0,1fr)}.h-blog{width:100%;max-width:600px;justify-self:center}.h-weeks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.h-weeks{grid-template-columns:minmax(0,1fr)}.h-blog-in{padding:16px 14px 16px}.h-posts li{padding:12px 13px}.h-posts b{font-size:15px}#content .eyebrow{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px}#content .eyebrow .h-flag{margin:0}}

/* ── #self-edit (grey) ── */
.h-sepanel{display:grid;grid-template-columns:380px minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);margin-top:20px;padding:clamp(22px,4vw,48px);border-radius:32px;background:#fff}
.h-sepanel[hidden]{display:none}
#self-edit .app-in{height:600px}
.h-kick-blue{color:var(--blue-700)}
.h-fields{display:grid;gap:8px;margin-top:12px}
.h-f{padding:10px 14px;border-radius:14px;background:var(--g50)}
.h-f small{display:block;font-size:12px;font-weight:600;color:var(--g600)}
.h-f span{display:block;margin-top:2px;font-size:15px;line-height:1.5;font-weight:600;color:var(--g900)}
.h-f.on{box-shadow:inset 0 0 0 1.5px var(--blue)}
.h-f .h-pick{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.h-f .h-pick i{padding:4px 9px;border-radius:8px;background:var(--blue-50);color:var(--blue-700);font-size:12.5px;font-style:normal;font-weight:700}
.h-ba{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:center;gap:8px;margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--blue-50)}
.h-ba small{display:block;font-size:11.5px;font-weight:600;color:var(--g600)}
.h-ba b{font-size:14px;color:var(--g900)}
.h-ba .ico{font-size:18px;color:var(--blue-700)}
.h-photo{display:flex;align-items:center;gap:12px;margin-top:12px}
.h-photo i{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--blue-100),var(--blue-50))}
.h-photo span{padding:6px 12px;border-radius:10px;background:var(--g100);font-size:13px;font-weight:600;color:var(--g700)}
.app-bottom .h-save{background:var(--blue-btn);color:#fff}
.h-seres-k{margin:0;font-size:15px;font-weight:700;color:var(--blue-700)}
.h-seres h3{margin:8px 0 0;font-size:clamp(22px,2.4vw,28px);line-height:1.4;font-weight:800;letter-spacing:-.025em}
.h-grp{margin-top:22px}
.h-grp-h{margin:0 0 6px;font-size:14px;font-weight:700;color:var(--g600)}
.h-places{margin:0;padding:0;list-style:none;border-top:1px solid var(--g100)}
.h-places li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding:13px 2px;border-bottom:1px solid var(--g100);font-size:16px;font-weight:600;color:var(--g900)}
.h-seres-p{margin:18px 0 0;font-size:16px;line-height:1.7;color:var(--g700)}
.h-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none}
.h-trio li{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;padding:22px;border-radius:24px;background:#fff}
.h-trio .ic{width:44px;height:44px;border-radius:14px;font-size:20px}
.h-trio b{display:block;font-size:17px;font-weight:700;line-height:1.45}
.h-trio div>span{display:block;margin-top:2px;font-size:15px;line-height:1.6;color:var(--g700)}
.h-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.h-two>div{padding:28px 30px;border-radius:28px;background:#fff}
.h-two>.h-mine{background:var(--blue-50)}
.h-two h3{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:20px;font-weight:800;letter-spacing:-.02em}
.h-two h3 .ic{width:36px;height:36px;border-radius:12px;font-size:18px}
.h-two ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.h-two li{padding:9px 14px;border-radius:12px;background:var(--g50);font-size:15px;font-weight:600;color:var(--g800)}
.h-two>.h-mine li{background:#fff}
.h-two>.h-mine .ic{background:#fff}
.h-train{margin-top:12px;padding:28px 30px;border-radius:28px;background:#fff}
.h-train .h-trio{margin-top:6px}
.h-train .h-trio li{padding:16px 0 0;border-radius:0;background:none}
#self-edit .h-links{margin-top:28px}
@media (max-width:960px){.h-sepanel{grid-template-columns:minmax(0,1fr);justify-items:center}.h-seres{width:100%}}
@media (max-width:860px){.h-trio{grid-template-columns:minmax(0,1fr)}.h-train .h-trio li+li{border-top:1px solid var(--g100)}}
@media (max-width:760px){.h-two{grid-template-columns:minmax(0,1fr)}.h-two>div,.h-train{padding:24px 22px}}
@media (max-width:420px){#self-edit .app-in{height:570px}}

/* ── #scope (white) ── */
.h-tier-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.h-tier h3{margin:20px 0 4px;font-size:24px;font-weight:800}
.h-tier>p{font-size:16px;color:var(--g700)}
.h-tier .h-ticks{margin:18px 0 20px;padding:16px 0 0;list-style:none;border-top:1px solid var(--g200)}
.h-tier .h-ticks li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font-size:15px;line-height:1.55;color:var(--g800)}
.h-tier .h-ticks li+li{margin-top:10px}
.h-tier .h-ticks li::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border-radius:50%;background:var(--blue-50);color:var(--blue-700);font-size:11px;font-weight:800}
.h-condbox{margin-top:auto;padding:14px 16px;border-radius:16px;background:#fff;font-size:14px;line-height:1.6;color:var(--g700)}
.h-condbox b{display:block;margin-bottom:2px;font-size:13px;font-weight:700;color:var(--g900)}
.h-tier>.link{align-self:flex-start;margin-top:18px}
.h-scope-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 32px;margin-top:24px}
@media (max-width:860px){.h-scope-foot{grid-template-columns:minmax(0,1fr)}}

/* ── #process (grey) ── */
.h-proc-cols{display:grid;grid-template-columns:190px minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:24px;padding:0 32px 10px;font-size:14px;font-weight:700;color:var(--g600)}
.h-proc{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.h-proc>li{display:grid;grid-template-columns:190px minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px 24px;padding:26px 32px;border-radius:24px;background:#fff}
.h-proc-hd{display:flex;align-items:baseline;gap:12px}
.h-pn{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--blue)}
.h-proc-hd h3{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em}
.h-proc-c p{margin:0;font-size:15px;line-height:1.65;color:var(--g700)}
.h-proc .tags{margin:0}
#process .note{margin-top:16px}
#process .h-block{margin-top:56px}
#process .branches{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px}
@media (min-width:961px){.h-proc .h-ql{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media (max-width:960px){.h-proc-cols{display:none}.h-proc>li{grid-template-columns:minmax(0,1fr);padding:24px 22px}.h-proc-c{padding-top:12px;border-top:1px solid var(--g100)}.h-proc .h-ql{margin-bottom:4px}}
@media (max-width:1000px){#process .branches{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){#process .branches{grid-template-columns:minmax(0,1fr)}}

/* ── #maintenance (white) ── */
.h-mt{align-items:start}
.h-mt .rows{margin-top:36px}
.h-flowbox{margin-top:32px}
.h-flow5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}
.h-flow5 li{display:flex;flex-direction:column;gap:8px;padding:14px 12px;border-radius:16px;background:var(--g50);font-size:14px;line-height:1.4;font-weight:700;color:var(--g800)}
.h-flow5 li span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--blue-700);font-size:13px;font-weight:800;box-shadow:inset 0 0 0 1px var(--blue-100)}
.h-flow5 li:last-child{background:var(--blue-50);color:var(--blue-700)}
.h-mt .note{margin-top:20px}
.h-ex{margin-left:6px;padding:3px 8px;border-radius:7px;background:var(--g100);font-size:12px;font-weight:700;color:var(--g700)}
.h-rep{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.h-rep li{padding:12px 14px;border-radius:16px;background:var(--g50)}
.h-rep b{display:block;margin-top:7px;font-size:15px;font-weight:700;color:var(--g900)}
.h-rep span{display:block;margin-top:1px;font-size:13px;line-height:1.5;color:var(--g700)}
@media (max-width:640px){.h-flow5{grid-template-columns:minmax(0,1fr)}.h-flow5 li{flex-direction:row;align-items:center}}
@media (max-width:420px){#maintenance .app-in{height:700px}}

/* ── #handover (grey) ── */
.h-ho{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:start;gap:16px}
.h-ho-l{padding:clamp(22px,3vw,32px);border-radius:32px;background:#fff}
.h-ho-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:14px}
.h-ho-top h3{margin:0;font-size:20px;font-weight:800;letter-spacing:-.02em}
.h-checks{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px;padding:14px 16px;border-radius:16px;background:var(--g50)}
.h-checks p{margin:0;font-size:14px;font-weight:700;color:var(--g700)}
.h-checks .tags{margin:0}
#handover .tbl-wrap{box-shadow:inset 0 0 0 1px var(--g100)}
#handover .tbl tbody th{width:36%}
.h-asset{display:inline-flex;align-items:center;gap:8px}
.h-asset .ico{flex:none;font-size:18px;color:var(--blue)}
.h-ho-r{display:grid;gap:12px}
.h-ho-r .h-cap-h{margin:8px 0 2px}
.h-endcard{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:24px;border-radius:24px;background:#fff}
.h-endcard .ic{width:44px;height:44px;border-radius:14px;font-size:20px}
.h-endcard h3{margin:0;font-size:18px;line-height:1.45;font-weight:700}
.h-endcard p{margin:6px 0 0;font-size:15px;line-height:1.6;color:var(--g700)}
.h-endcard small{display:block;margin-top:12px;padding-top:12px;border-top:1px solid var(--g100);font-size:14px;line-height:1.55;color:var(--g800)}
.h-endcard small b{display:block;font-size:13px;color:var(--blue-700)}
#handover .note{margin-top:16px}
@media (max-width:960px){.h-ho{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.h-ho-l{padding:0;background:none}.h-checks{background:#fff}#handover .tbl-wrap{box-shadow:none}#handover .tbl tbody th{width:100%}}

/* ── #promise (white) ── */
.h-src-head{max-width:780px;margin:clamp(72px,9vw,112px) auto 32px;text-align:center}
#promise .srcs{grid-template-columns:repeat(3,minmax(0,1fr))}
.h-srclinks{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:auto;padding-top:18px}
.h-srclinks a{font-size:14px;font-weight:600;color:var(--blue-700);text-decoration:none;overflow-wrap:anywhere}
.h-srclinks a:hover{text-decoration:underline}
@media (max-width:1000px){#promise .srcs{grid-template-columns:minmax(0,1fr)}}

/* ── #faq (grey) ── */
#faq .faq details p{padding-bottom:14px}
.h-faq-links{display:flex;flex-wrap:wrap;gap:8px;padding:0 40px 28px 4px}
.h-faq-links a{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--g200);font-size:14px;font-weight:600;color:var(--blue-700);text-decoration:none}
.h-faq-links a:hover{background:var(--blue-50)}
@media (max-width:560px){.h-faq-links{padding-right:4px}}

/* ── #contact ── */
.h-ctl{margin:36px 0 0;font-size:15px;font-weight:700;color:var(--g600)}
#contact .cta-list{margin-top:14px}
.h-contact-more{margin-top:36px;padding:20px 22px;border-radius:20px;background:var(--g50)}
.h-contact-more p{margin:0 0 8px;font-size:15px;color:var(--g700)}
.h-cond[hidden],.h-hint[hidden]{display:none}
.h-hint{margin:-4px 0 18px;padding:12px 14px;border-radius:12px;background:var(--g50);font-size:14px;color:var(--g600)}
.h-req{font-style:normal;color:var(--blue-700)}
.h-help{display:block;margin:-2px 0 8px;font-size:13px;font-weight:500;color:var(--g600)}
#inquiry .h-seg2{flex-wrap:nowrap}
#inquiry .h-seg2 label{flex:1}
#inquiry .h-seg2 span{width:100%}

#faq .faq-all{margin:28px 0 0;text-align:center}