.sktc-crumb a{color:#2f5bea}
.skind-mock{position:relative;width:100%;max-width:540px;margin:26px auto}
.skind-card{background:#fff;border:1px solid #e6e9f2;border-radius:22px;box-shadow:0 40px 80px -40px rgba(20,30,80,.45);overflow:hidden;text-align:left;font-size:13px;color:#0f1733}
.skind-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #eef0f6;background:linear-gradient(180deg,#fafbff,#fff)}
.skind-bar i{width:9px;height:9px;border-radius:50%;background:#e6e9f2}.skind-bar i:nth-child(1){background:#ff6b6b}.skind-bar i:nth-child(2){background:#fbbf24}.skind-bar i:nth-child(3){background:#34d399}
.skind-bar b{margin-left:8px;font-size:13px;font-weight:800}.skind-bar span{margin-left:auto;font-size:11px;font-weight:700;color:#2f5bea;background:#eef1ff;border-radius:99px;padding:3px 9px}
.skind-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:14px 16px 6px}
.skind-stages div{background:#f5f7fc;border-radius:12px;padding:8px 8px 7px;text-align:center}
.skind-stages b{display:block;font-size:17px;font-weight:800;background:linear-gradient(135deg,#2f5bea,#6a4cf0);-webkit-background-clip:text;background-clip:text;color:transparent}
.skind-stages small{display:block;font-size:10.5px;font-weight:700;color:#5b6480;line-height:1.25}
.skind-rows{padding:8px 16px 4px}
.skind-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed #eef0f6}
.skind-row:last-child{border-bottom:0}
.skind-av{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:12px;color:#fff;background:linear-gradient(135deg,#2f5bea,#6a4cf0)}
.skind-row:nth-child(2) .skind-av{background:linear-gradient(135deg,#16a34a,#25d366)}
.skind-row:nth-child(3) .skind-av{background:linear-gradient(135deg,#f59e0b,#f97316)}
.skind-row p{margin:0;flex:1;min-width:0;line-height:1.3}
.skind-row p b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skind-row p small{font-size:11.5px;color:#5b6480}
.skind-st{flex:none;font-size:10.5px;font-weight:800;border-radius:99px;padding:4px 9px;background:#eef1ff;color:#2f5bea}
.skind-st.g{background:#e8f8ee;color:#15803d}.skind-st.a{background:#fff5e0;color:#b45309}.skind-st.r{background:#fdecec;color:#c2272d}
.skind-foot{display:flex;align-items:flex-end;gap:14px;padding:10px 16px 16px}
.skind-foot>div:first-child{flex:1}
.skind-foot small{display:block;font-size:11px;font-weight:700;color:#5b6480}
.skind-foot b{font-size:20px;font-weight:800}
.skind-foot em{font-style:normal;font-size:11px;font-weight:800;color:#15803d;margin-left:6px}
.skind-bars{display:flex;align-items:flex-end;gap:5px;height:44px}
.skind-bars i{width:12px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#6a4cf0,#2f5bea);opacity:.85;transform-origin:bottom;animation:skindGrow 1.2s ease-out both}
.skind-bars i:nth-child(2){animation-delay:.1s}.skind-bars i:nth-child(3){animation-delay:.2s}.skind-bars i:nth-child(4){animation-delay:.3s}.skind-bars i:nth-child(5){animation-delay:.4s}.skind-bars i:nth-child(6){animation-delay:.5s}.skind-bars i:nth-child(7){animation-delay:.6s}
@keyframes skindGrow{from{transform:scaleY(.1)}}
.skind-mock .sk-chip{z-index:3}
.skind-mock .sk-c1{top:-20px;left:-28px}.skind-mock .sk-c2{top:38%;right:-44px}.skind-mock .sk-c3{bottom:-20px;left:-18px}
/* pains */
.skind-pains{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}
.skind-pain{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;background:#fff;border:1px solid #e6e9f2;border-radius:18px;padding:16px 18px;transition:.25s}
.skind-pain:hover{transform:translateY(-3px);box-shadow:0 20px 40px -24px rgba(20,30,80,.35);border-color:#d6dcf5}
.skind-pain p{margin:0;font-size:14.5px;line-height:1.45;color:#39415c}
.skind-pain p.x{color:#b42318}
.skind-pain p.x:before{content:"✕";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fdecec;color:#e5383b;font-size:11px;font-weight:800;margin-right:8px;vertical-align:1px}
.skind-pain p.y{font-weight:700;color:#0f1733}
.skind-pain p.y:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e8f8ee;color:#16a34a;font-size:12px;font-weight:800;margin-right:8px;vertical-align:1px}
.skind-pain>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2f5bea,#6a4cf0);color:#fff;font-weight:800;font-size:14px}
.sktc-steps.sk-5{grid-template-columns:repeat(5,1fr)}
.skind-cmp{margin:36px 0 0;background:#fff;border:1px solid #e6e9f2;border-radius:24px;padding:6px 10px;box-shadow:0 30px 60px -44px rgba(20,30,80,.45)}
.skind-cmp .hd{display:grid;grid-template-columns:1fr 1fr;padding:16px 26px 12px;font-size:13.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.skind-cmp .hd span:first-child{color:#d4373a}.skind-cmp .hd span:last-child{color:#15803d;padding-left:26px}
.skind-cmp .rw{position:relative;display:grid;grid-template-columns:1fr 1fr;border-radius:16px;border-top:1px solid #eef0f6;background:#fff;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.skind-cmp .rw>div{padding:20px 26px;font-size:17px;line-height:1.75;letter-spacing:.005em}
.skind-cmp .rw .p{color:#3f4763;font-weight:500}
.skind-cmp .rw .f{color:#0f1733;font-weight:600;border-left:1px dashed #dfe3f0}
.skind-cmp .rw .p:before{content:"✕";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fdecec;color:#d4373a;font-size:11px;font-weight:800;margin-right:10px;vertical-align:2px}
.skind-cmp .rw .f:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#16a34a;color:#fff;font-size:12px;font-weight:800;margin-right:10px;vertical-align:2px}
.skind-cmp .rw:hover{transform:scale(1.02);z-index:2;background:#fbfbff;border-top-color:transparent;box-shadow:0 24px 48px -22px rgba(20,30,80,.45)}
.skind-cmp .rw:hover+.rw{border-top-color:transparent}
@media(max-width:760px){.skind-cmp{padding:4px 6px}.skind-cmp .hd{display:none}.skind-cmp .rw{grid-template-columns:1fr}.skind-cmp .rw>div{padding:14px 16px;font-size:16px}.skind-cmp .rw .f{border-left:0;border-top:1px dashed #dfe3f0}.skind-cmp .rw:hover{transform:scale(1.01)}}
@media(prefers-reduced-motion:reduce){.skind-cmp .rw{transition:none}.skind-cmp .rw:hover{transform:none}}
/* before-after */
.skind-ba{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:40px;border-radius:22px;overflow:hidden;border:1px solid #e6e9f2;box-shadow:0 30px 60px -40px rgba(20,30,80,.35)}
.skind-ba>div{padding:26px 28px}
.skind-ba>div:first-child{background:#fbfbfd}
.skind-ba>div:last-child{background:linear-gradient(160deg,#f3f5ff,#f7f3ff)}
.skind-ba h3{font-size:17px;font-weight:800;margin:0 0 14px;display:flex;align-items:center;gap:10px}
.skind-ba h3 i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:4px 10px}
.skind-ba>div:first-child h3 i{background:#fdecec;color:#c2272d}
.skind-ba>div:last-child h3 i{background:#e8f8ee;color:#15803d}
.skind-ba ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.skind-ba li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.5;color:#39415c}
.skind-ba li:before{position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800}
.skind-ba>div:first-child li:before{content:"✕";background:#fdecec;color:#e5383b}
.skind-ba>div:last-child li:before{content:"✓";background:#16a34a;color:#fff}
.skind-ba>div:last-child li{color:#0f1733;font-weight:600}
/* works-with */
.skind-with{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}
.skind-with a{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e6e9f2;border-radius:14px;padding:10px 16px 10px 10px;font-weight:700;font-size:14px;color:#0f1733!important;text-decoration:none;transition:.25s}
.skind-with a:hover{border-color:#2f5bea;transform:translateY(-3px);box-shadow:0 16px 30px -20px rgba(47,91,234,.6)}
.skind-with a span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eef1ff}
.skind-with a span svg{width:24px;height:24px}
.skind-with a small{display:block;font-size:11.5px;font-weight:600;color:#5b6480}
/* related */
.skind-rel{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}
.skind-rel a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e6e9f2;border-radius:16px;padding:14px;font-weight:700;font-size:14.5px;color:#0f1733!important;text-decoration:none;transition:.25s}
.skind-rel a:hover{border-color:#2f5bea;transform:translateY(-3px);box-shadow:0 16px 30px -20px rgba(47,91,234,.6)}
.skind-rel a span{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f1edff}
.skind-rel a span svg{width:28px;height:28px}
.skind-rel a:after{content:"→";margin-left:auto;color:#2f5bea}
.skind-intro{max-width:860px;margin:22px auto 0;text-align:center;font-size:16px;line-height:1.75;color:#39415c}
.skind-intro b{color:#0f1733}
@media(max-width:1024px){.sktc-steps.sk-5{grid-template-columns:repeat(3,1fr)}.skind-rel{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.skind-pains,.skind-ba{grid-template-columns:1fr}.skind-pain{grid-template-columns:1fr;gap:8px}.skind-pain>span{transform:rotate(90deg)}.sktc-steps.sk-5{grid-template-columns:1fr}.skind-mock .sk-c2{right:-6px}.skind-mock .sk-c1{left:-6px}.skind-mock .sk-c3{left:-4px}.skind-stages{grid-template-columns:repeat(3,1fr)}.skind-stages div:nth-child(n+4){display:none}}
@media(max-width:480px){.skind-rel{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.skind-bars i{animation:none}}
.sktc .skind-mock .sk-chip{top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}.sktc .skind-mock .sk-c1{top:-24px!important;left:-22px!important}.sktc .skind-mock .sk-c2{bottom:-24px!important;left:-22px!important}.sktc .skind-mock .sk-c3{bottom:-24px!important;right:-18px!important}.skind-pain p.x{color:#5b6480}@media(max-width:760px){.sktc .skind-mock .sk-c1,.sktc .skind-mock .sk-c2{left:-4px!important}.sktc .skind-mock .sk-c3{right:-4px!important}}