/* Inspect link checker — rebuilt from measurements of skincash.gg/tools/inspect-checker */

.ic-page { position: relative }
.ic-page *, .ic-page *::before, .ic-page *::after { box-sizing: border-box }
.ic-content { width: 100%; max-width: var(--content-width, 1792px); margin: 0 auto; padding: 64px }

/* ---- hero ---- */
.ic-hero { display: grid; grid-template-columns: 1fr 360px; align-items: center; gap: 40px; margin-bottom: 48px }
.ic-title { margin: 0; font-size: 60px; font-weight: 800; letter-spacing: -.025em; line-height: 1 }
.ic-gradient-text {
  background: linear-gradient(110deg, #fff 0%, #fff 50%, rgb(251, 192, 55) 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.ic-lead { max-width: 576px; margin: 16px 0 0; color: rgba(255, 255, 255, .65); font-size: 15px; line-height: 1.6 }

.ic-form { display: flex; align-items: center; gap: 8px; margin-top: 24px }
.ic-field { position: relative; flex: 1 }
.ic-field > svg { position: absolute; left: 16px; top: 50%; width: 16px; height: 16px; transform: translateY(-50%); color: rgba(255, 255, 255, .35); pointer-events: none }
.ic-input {
  width: 100%; height: 55px;
  border: 1px solid rgba(255, 255, 255, .1); border-radius: 12px; padding: 16px 16px 16px 44px;
  background: #0e1014; color: #fff; font-family: inherit; font-size: 14px; transition: border-color .2s, box-shadow .2s;
}
.ic-input::placeholder { color: rgba(255, 255, 255, .35) }
.ic-submit {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 55px; flex: none; border: 0; border-radius: 12px; padding: 16px 28px;
  background: #fbbf24; color: #000; font-family: inherit;
  font-size: 14px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
  box-shadow: 0 8px 30px -8px rgba(251, 191, 36, .7); cursor: pointer; transition: box-shadow .2s, transform .1s;
}
.ic-submit { position: relative; overflow: hidden }
.ic-submit svg { position: relative; width: 16px; height: 16px }
.ic-submit span { position: relative }
.ic-submit i {
  position: absolute; inset: 0; transform: translateX(-100%); pointer-events: none;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, .07), transparent);
  transition: transform .7s;
}
.ic-submit:hover i { transform: translateX(100%) }
.ic-submit:hover { box-shadow: 0 12px 40px -8px rgba(251, 191, 36, .9) }
.ic-submit:active { transform: scale(.98) }
.ic-submit:disabled { opacity: .6; cursor: progress }

.ic-accepts { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 12px }
.ic-accepts-label { color: rgba(255, 255, 255, .4); font-size: 10px; letter-spacing: .18em; text-transform: uppercase }
.ic-chip {
  border: 1px solid rgba(255, 255, 255, .1); border-radius: 4px; padding: 2px 8px;
  background: rgba(255, 255, 255, .03); color: rgba(255, 255, 255, .55);
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px;
}
.ic-example {
  border: 1px solid rgba(251, 191, 36, .3); border-radius: 4px; padding: 2px 8px;
  background: rgba(251, 191, 36, .06); color: #fcd34d;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px;
  cursor: pointer; transition: background .15s;
}
.ic-example:hover { background: rgba(251, 191, 36, .12) }
.ic-error { margin-top: 12px; color: #fca5a5; font-size: 13px }

/* ---- terminal card ---- */
.ic-terminal-wrap { position: relative; display: flex; height: 300px; align-items: center; justify-content: center }
.ic-terminal-glow {
  position: absolute; z-index: -10; width: 260px; height: 260px; border-radius: 9999px;
  background: radial-gradient(circle, hsla(42, 96%, 56%, .25) 0%, transparent 65%);
}
@keyframes skc-float { 0%, 100% { transform: translateZ(0) } 50% { transform: translate3d(18px, -22px, 0) } }
.ic-terminal {
  position: relative; display: flex; width: 280px; height: 260px; overflow: hidden;
  align-items: center; justify-content: center;
  border: 1px solid rgba(255, 255, 255, .08); border-radius: 24px;
  background: linear-gradient(to bottom right, #1a1a14, #0d0f13);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
  animation: skc-float 5s ease-in-out infinite;
}
.ic-terminal-lines {
  display: flex; flex-direction: column; gap: 8px; padding: 0 16px;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; letter-spacing: -.025em;
}
.ic-terminal-prompt { color: rgba(252, 211, 77, .6) }
.ic-terminal-ok { color: #6ee7b7 }
.ic-terminal-dim { color: #67e8f9 }
.ic-terminal-bar {
  position: absolute; left: 12px; right: 12px; bottom: 12px; height: 6px; overflow: hidden; border-radius: 9999px;
  background: linear-gradient(90deg, hsl(150, 84%, 42%) 0%, hsl(80, 84%, 52%) 25%, hsl(42, 96%, 56%) 50%, hsl(20, 90%, 55%) 75%, hsl(0, 84%, 55%) 100%);
}
.ic-terminal-marker {
  position: absolute; bottom: 6px; left: 30%; width: 8px; height: 12px; border-radius: 2px;
  background: #fff; box-shadow: 0 0 8px rgba(255, 255, 255, .7);
}

/* ---- feature grid ---- */
.ic-section-title { margin: 0 0 24px; font-size: 24px; font-weight: 800; text-align: center }
.ic-amber-text {
  background: linear-gradient(110deg, #fff 0%, hsla(42, 96%, 60%, 1) 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.ic-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px }
.ic-feature {
  position: relative; overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .06); border-radius: 16px; padding: 20px;
  background: linear-gradient(to bottom right, #15171c, #0d0f13);
  transition: transform .2s, border-color .2s;
}
.ic-feature:hover { transform: translateY(-2px); border-color: rgba(255, 255, 255, .12) }
.ic-feature-blob {
  position: absolute; right: -64px; top: -64px; width: 160px; height: 160px; border-radius: 9999px;
  background: rgb(var(--c)); opacity: .15; filter: blur(48px); transition: opacity .3s; pointer-events: none;
}
.ic-feature:hover .ic-feature-blob { opacity: .4 }
.ic-feature-icon {
  position: relative; display: flex; width: 44px; height: 44px; align-items: center; justify-content: center;
  border: 1px solid rgba(var(--c), .3); border-radius: 8px; background: rgba(var(--c), .12); color: rgb(var(--c));
}
.ic-feature-icon svg { width: 20px; height: 20px }
.ic-feature h3 { position: relative; margin: 14px 0 0; color: #fff; font-size: 15px; font-weight: 800 }
.ic-feature p { position: relative; margin: 6px 0 0; color: rgba(255, 255, 255, .5); font-size: 12px; line-height: 1.55 }

/* ---- result ---- */
.ic-result { margin-top: 32px }
.ic-panel {
  position: relative; overflow: hidden;
  border: 1px solid rgba(251, 191, 36, .2); border-radius: 16px; padding: 32px;
  background: linear-gradient(to bottom right, #15171c, #10141c, #0a0d0c);
}
.ic-panel-blob {
  position: absolute; right: -96px; top: -96px; width: 288px; height: 288px; border-radius: 9999px;
  background: rgba(251, 186, 35, .6); opacity: .25; filter: blur(120px); pointer-events: none;
}
.ic-result-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 260px 1fr; gap: 32px; align-items: start }

/* market-style item card */
.ic-skin-card {
  position: relative; display: flex; aspect-ratio: 3 / 4; overflow: hidden; flex-direction: column;
  border: 1px solid rgba(255, 255, 255, .06); border-bottom-width: 3px; border-radius: 12px;
  cursor: pointer; user-select: none;
  transition: transform .2s ease-out, box-shadow .2s ease-out;
}
.ic-skin-card:active { transform: scale(.98) }
.ic-skin-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0, 0, 0, .5) }
.ic-skin-tint {
  position: absolute; inset: 0; z-index: 0;
  background: linear-gradient(165deg, rgba(var(--accent-rgb), .06) 0%, rgba(var(--accent-rgb), .18) 50%, rgba(var(--accent-rgb), .35) 100%);
}
.ic-skin-shade { position: absolute; inset: 0; z-index: 0; background: linear-gradient(to top, rgba(0, 0, 0, .6), transparent 50%, rgba(0, 0, 0, .2)) }
.ic-skin-accent { position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; height: 3px; background: var(--accent) }
.ic-skin-topline {
  position: absolute; left: 0; right: 0; top: 0; z-index: 10; height: 1.5px; opacity: .5; pointer-events: none;
  background: linear-gradient(90deg, transparent 0%, var(--accent) 50%, transparent 100%);
  transition: opacity .3s;
}
.ic-skin-card:hover .ic-skin-topline { opacity: 1 }
.ic-skin-hoverglow {
  position: absolute; inset: 0; z-index: 3; border-radius: 12px; opacity: 0; pointer-events: none;
  box-shadow: 0 14px 38px -12px rgba(var(--accent-rgb), .6), inset 0 -32px 60px -30px rgba(var(--accent-rgb), .55);
  transition: opacity .5s;
}
.ic-skin-card:hover .ic-skin-hoverglow { opacity: 1 }
.ic-skin-badge {
  position: absolute; left: 8px; top: 8px; z-index: 20;
  display: inline-flex; height: 18px; align-items: center; gap: 4px;
  border-radius: 6px; padding: 0 6px; background: rgba(0, 0, 0, .6);
}
.ic-skin-badge span:first-child { color: var(--accent); font-size: 9px; font-weight: 800; letter-spacing: .025em; line-height: 1; text-transform: uppercase }
.ic-skin-badge span:last-child { color: rgba(255, 255, 255, .5); font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-variant-numeric: tabular-nums; line-height: 1 }
.ic-skin-image { position: relative; z-index: 10; display: flex; flex: 1; min-height: 0; align-items: center; justify-content: center; padding: 36px 16px 4px }
.ic-skin-image img {
  position: relative; z-index: 2; width: 100%; max-width: 160px; height: auto; object-fit: contain;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, .4)); transition: transform .3s ease-out, filter .3s ease-out;
}
.ic-skin-card:hover .ic-skin-image img { transform: scale(1.1); filter: drop-shadow(0 8px 24px rgba(0, 0, 0, .6)) }
.ic-skin-watermark {
  position: absolute; left: 50%; top: 50%; z-index: 1; width: 100px; height: 100px; opacity: .35; pointer-events: none;
  transform: translate(-50%, -55%) rotate(-12deg); transition: transform .5s ease-out, opacity .5s ease-out;
}
.ic-skin-card:hover .ic-skin-watermark { transform: translate(-50%, -55%) rotate(-6deg) scale(1.1); opacity: .5 }
.ic-skin-lines {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; height: 50%; pointer-events: none;
  background: linear-gradient(to top, rgba(255, 255, 255, .15), transparent); transition: transform .3s, opacity .3s;
}
.ic-skin-card:hover .ic-skin-lines { transform: translateY(32px) scale(1.25); opacity: .4 }
.ic-skin-stickers {
  position: absolute; left: 4px; right: 4px; bottom: 72px; z-index: 20;
  display: flex; max-height: 32px; align-items: flex-end; justify-content: center; gap: 2px;
  overflow: hidden; padding: 0 6px;
}
.ic-skin-stickers img { max-height: 28px; width: auto; height: auto; flex-shrink: 1; object-fit: contain; opacity: .8; max-width: min(32px, calc((100% - 6px) / 4)) }

.ic-skin-st {
  position: absolute; right: 8px; top: 8px; z-index: 20;
  display: inline-flex; height: 18px; align-items: center; gap: 2px;
  border: 1px solid rgba(251, 146, 60, .55); border-radius: 6px; padding: 0 6px;
  background: linear-gradient(135deg, #f97316 0%, #b45309 55%, #7c2d12 100%);
  box-shadow: 0 1px 8px -2px rgba(249, 115, 22, .5), inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 -1px 0 rgba(0, 0, 0, .3);
}
.ic-skin-st b { color: #fff7ed; font-size: 9px; font-weight: 800; letter-spacing: .025em; line-height: 1; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0, 0, 0, .45) }
.ic-skin-st i { color: rgba(255, 247, 237, .9); font-size: 7px; font-style: normal; font-weight: 700; line-height: 1; text-shadow: 0 1px 0 rgba(0, 0, 0, .45) }
.ic-skin-innerglow {
  position: absolute; inset: 0; z-index: 3; border-radius: 12px; opacity: 0; pointer-events: none;
  box-shadow: 0 4px 30px rgba(var(--accent-rgb), .25), inset 0 0 60px rgba(var(--accent-rgb), .05);
  transition: opacity .3s;
}
.ic-skin-card:hover .ic-skin-innerglow { opacity: 1 }
.ic-skin-sheen {
  position: absolute; left: 0; right: 0; top: 0; z-index: 4; height: 64px; opacity: 0; pointer-events: none;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .04), transparent); transition: opacity .2s;
}
.ic-skin-card:hover .ic-skin-sheen { opacity: 1 }

.ic-skin-foot { position: relative; z-index: 20; display: flex; flex-direction: column; gap: 2px; margin-top: auto; padding: 4px 10px 14px }
.ic-skin-weapon { overflow: hidden; color: rgba(255, 255, 255, .9); font-size: 11px; font-weight: 700; line-height: 1.25; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap }
.ic-skin-pattern { overflow: hidden; color: var(--accent); font-size: 11px; font-weight: 600; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap }
.ic-skin-price { display: flex; align-items: baseline; gap: 2px; margin-top: 4px; color: #3dff9e; font-size: 15px; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1 }

/* details column */
.ic-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 12px }
.ic-tag {
  display: inline-flex; align-items: center; border: 1px solid; border-radius: 6px; padding: 2px 8px;
  font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
}
.ic-name { margin: 0; color: #fff; font-size: 24px; font-weight: 800; letter-spacing: -.025em; line-height: 1.25 }
.ic-subtitle { margin-top: 2px; color: rgba(255, 255, 255, .4); font-size: 12px }
.ic-subtitle b { margin-left: 12px; color: rgba(110, 231, 183, .8); font-weight: 700 }

.ic-float { margin-top: 24px }
.ic-float-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px }
.ic-float-label { color: rgba(255, 255, 255, .4); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase }
.ic-float-value {
  color: #fcd34d; font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 24px; font-weight: 800; font-variant-numeric: tabular-nums;
  filter: drop-shadow(0 0 8px rgba(251, 191, 36, .4));
}
.ic-wear-bar { position: relative; height: 12px; overflow: hidden; border-radius: 9999px; background: rgba(255, 255, 255, .05) }
.ic-wear-fill {
  position: absolute; inset: 0; border-radius: 9999px;
  background: linear-gradient(90deg, rgb(17, 197, 107) 0%, rgb(167, 235, 30) 25%, rgb(251, 186, 35) 50%, rgb(244, 106, 37) 75%, rgb(237, 44, 44) 100%);
}
.ic-wear-tick { position: absolute; top: 0; bottom: 0; width: 1px; background: rgba(0, 0, 0, .6) }
.ic-wear-marker {
  position: absolute; top: 50%; width: 12px; height: 20px; border-radius: 2px; background: #fff;
  box-shadow: 0 0 10px rgba(255, 255, 255, .85); transform: translate(-50%, -50%);
  outline: 2px solid rgba(0, 0, 0, .3);
}
.ic-wear-scale {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 8px;
  color: rgba(255, 255, 255, .3); font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
}
.ic-wear-scale span:last-child { text-align: right }

.ic-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 24px }
.ic-stat { border: 1px solid rgba(255, 255, 255, .06); border-radius: 8px; padding: 8px 12px; background: rgba(0, 0, 0, .3) }
.ic-stat-label { color: rgba(255, 255, 255, .35); font-size: 9px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase }
.ic-stat-value {
  margin-top: 4px; overflow: hidden; color: #fff; font-size: 14px; font-weight: 800;
  font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap;
}
.ic-stat-value.mono { font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px }

.ic-applied { margin-top: 24px }
.ic-applied-label { margin-bottom: 8px; color: rgba(255, 255, 255, .35); font-size: 9px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase }
.ic-applied-list { display: flex; flex-wrap: wrap; gap: 8px }
.ic-applied-item {
  display: flex; align-items: center; gap: 8px;
  border: 1px solid rgba(255, 255, 255, .06); border-radius: 8px; padding: 6px 10px 6px 6px; background: rgba(0, 0, 0, .3);
}
.ic-applied-item img { width: 34px; height: 26px; object-fit: contain }
.ic-applied-name { display: block; color: rgba(255, 255, 255, .85); font-size: 11px; font-weight: 700 }
.ic-applied-wear { display: block; margin-top: 1px; color: rgba(255, 255, 255, .4); font-size: 10px }

/* ---- raw link block ---- */
.ic-raw { margin-top: 20px; border: 1px solid rgba(255, 255, 255, .06); border-radius: 16px; padding: 20px; background: #101216 }
.ic-raw-title { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; color: rgba(255, 255, 255, .85); font-size: 16px; font-weight: 800 }
.ic-raw-title svg { width: 16px; height: 16px; color: #22d3ee }
.ic-raw-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px }
.ic-copy {
  display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 8px;
  border: 1px solid rgba(255, 255, 255, .06); border-radius: 8px; padding: 8px 12px;
  background: rgba(255, 255, 255, .02); font-family: inherit; text-align: left; cursor: pointer;
  transition: border-color .15s, background .15s;
}
.ic-copy:hover { border-color: rgba(255, 255, 255, .15); background: rgba(255, 255, 255, .04) }
.ic-copy-body { min-width: 0; flex: 1 }
.ic-copy-label { display: block; color: rgba(255, 255, 255, .35); font-size: 9px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase }
.ic-copy-value {
  display: block; margin-top: 2px; overflow: hidden; color: #fff; font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10.5px; font-weight: 700;
  text-overflow: ellipsis; white-space: nowrap;
}
.ic-copy-icon {
  display: flex; width: 24px; height: 24px; flex: none; align-items: center; justify-content: center;
  border-radius: 4px; background: rgba(255, 255, 255, .04); color: rgba(255, 255, 255, .4); transition: background .15s, color .15s;
}
.ic-copy:hover .ic-copy-icon { background: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .7) }
.ic-copy-icon svg { width: 12px; height: 12px }
.ic-raw-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px }
.ic-raw-link {
  display: inline-flex; align-items: center; gap: 6px;
  border: 1px solid rgba(251, 191, 36, .3); border-radius: 8px; padding: 8px 12px;
  background: rgba(251, 191, 36, .08); color: #fcd34d;
  font-size: 12px; font-weight: 700; text-decoration: none; transition: background .15s;
}
.ic-raw-link svg { width: 14px; height: 14px }
.ic-raw-link:hover { background: rgba(251, 191, 36, .15) }

/* ---- payout call to action ---- */
.ic-cta {
  position: relative; display: block; overflow: hidden; margin-top: 20px;
  border: 1px solid rgba(61, 255, 158, .3); border-radius: 16px; padding: 24px;
  background: linear-gradient(to bottom right, #0d1411, #0a0d0c, #0a1f15);
  text-decoration: none; transition: transform .2s;
}
.ic-cta:hover { transform: translateY(-2px) }
.ic-cta-glow {
  position: absolute; right: -128px; top: -128px; width: 360px; height: 360px; border-radius: 9999px;
  background: rgba(17, 197, 107, .5); opacity: .3; filter: blur(100px); transition: opacity .5s; pointer-events: none;
}
.ic-cta:hover .ic-cta-glow { opacity: .6 }
.ic-cta-sheen {
  position: absolute; inset: 0; transform: translateX(-100%); pointer-events: none;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, .07), transparent);
  transition: transform 1s ease-out;
}
.ic-cta:hover .ic-cta-sheen { transform: translateX(100%) }
.ic-cta-grid {
  position: absolute; inset: 0; opacity: .03; pointer-events: none;
  background-image: linear-gradient(rgba(255, 255, 255, .5) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .5) 1px, transparent 1px);
  background-size: 24px 24px;
}
.ic-cta-row { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px }
.ic-cta-copy { display: block; min-width: 0 }
.ic-cta-badge {
  display: inline-flex; align-items: center; gap: 4px;
  border: 1px solid rgba(61, 255, 158, .3); border-radius: 9999px; padding: 2px 8px;
  background: rgba(61, 255, 158, .08); color: #3dff9e;
  font-size: 9px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase;
}
.ic-cta-badge svg { width: 10px; height: 10px }
.ic-cta-title { display: block; margin: 8px 0 0; color: #fff; font-size: 20px; font-weight: 800; letter-spacing: -.025em; line-height: 1.25 }
.ic-cta-title span { display: block; margin-top: 2px; color: rgba(255, 255, 255, .45); font-size: 13px; font-weight: 700 }
.ic-cta-note { display: block; margin: 4px 0 0; color: rgba(255, 255, 255, .55); font-size: 12.5px }
.ic-cta-button {
  position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex: none;
  border-radius: 12px; padding: 12px 20px; background: #3dff9e; color: #000;
  font-size: 14px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap;
  box-shadow: 0 8px 30px -8px rgba(34, 197, 94, .6); transition: box-shadow .2s;
}
.ic-cta:hover .ic-cta-button { box-shadow: 0 14px 42px -8px rgba(34, 197, 94, .9) }
.ic-cta-button i {
  position: absolute; inset: 0; transform: translateX(-100%); pointer-events: none;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, .3), transparent);
  transition: transform .7s;
}
.ic-cta:hover .ic-cta-button i { transform: translateX(100%) }
.ic-cta-button svg { position: relative; width: 16px; height: 16px; transition: transform .2s }
.ic-cta:hover .ic-cta-button svg { transform: translateX(2px) }

/* ---- responsive ---- */
@media (max-width: 1100px) {
  .ic-content { padding: 40px 24px }
  .ic-hero { grid-template-columns: 1fr }
  .ic-title { font-size: 44px }
  .ic-features { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .ic-result-grid { grid-template-columns: 1fr }
  .ic-terminal-wrap { display: none }
}
@media (max-width: 767px) {
  .ic-content { padding: 28px 12px }
  .ic-title { font-size: 32px }
  .ic-form { flex-direction: column; align-items: stretch }
  .ic-submit { width: 100% }
  .ic-features { grid-template-columns: 1fr }
  .ic-result-grid { grid-template-columns: 1fr }
  .ic-stats { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .ic-raw-grid { grid-template-columns: 1fr }
  .ic-panel { padding: 24px }
  .ic-cta-row { flex-direction: column; align-items: stretch; text-align: center }
  .ic-details, .ic-cta, .ic-raw { padding: 20px }
}
@media (prefers-reduced-motion: reduce) { .ic-feature, .ic-cta, .ic-skin-image img { transition: none } }