.ski-home{
  width:min(1180px,calc(100% - 28px));
  margin:26px auto 36px;
  font-family:inherit;
  color:#211a36;
}
.ski-home *{box-sizing:border-box}

.ski-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);
  min-height:390px;
  border-radius:32px;
  background:
    radial-gradient(circle at 76% 16%,rgba(255,255,255,.96),rgba(255,255,255,0) 28%),
    linear-gradient(135deg,#f6f0ff 0%,#eef3ff 48%,#f7f4ff 100%);
  border:1px solid #e2d6ff;
  box-shadow:0 18px 46px rgba(73,39,143,.10);
}

.ski-hero:before{
  content:"";
  position:absolute;
  width:360px;height:360px;border-radius:50%;
  left:-120px;bottom:-170px;
  background:radial-gradient(circle,rgba(106,53,255,.13),rgba(106,53,255,0) 72%);
}

.ski-hero-copy{
  position:relative;
  z-index:3;
  align-self:center;
  padding:38px 18px 38px 44px;
}

.ski-kicker{
  display:inline-flex;
  padding:8px 13px;
  border-radius:999px;
  background:linear-gradient(135deg,#6c34ff,#347dff);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.07em;
}

.ski-hero h1{
  font-size:clamp(40px,4.2vw,58px);
  line-height:1.01;
  letter-spacing:-.045em;
  margin:20px 0 18px;
  color:#241a3e;
}
.ski-hero h1 span{
  background:linear-gradient(90deg,#5420c9,#8b35ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.ski-lead{
  max-width:580px;
  margin:0;
  font-size:17px;
  line-height:1.6;
  color:#665f73;
}

.ski-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
.ski-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:13px 20px;
  border-radius:15px;
  text-decoration:none;
  font-weight:900;
  transition:.18s ease;
}
.ski-btn:hover{transform:translateY(-2px)}
.ski-primary{
  color:#fff;
  background:linear-gradient(135deg,#6f35ff,#347dff);
  box-shadow:0 12px 24px rgba(86,62,225,.18);
}
.ski-secondary{
  color:#6230d5;
  background:#fff;
  border:1px solid #d6c9ff;
}

.ski-hero-visual{
  position:relative;
  z-index:2;
  min-height:390px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:24px 30px 0 8px;
}

.ski-kibi-main{
  position:relative;
  z-index:2;
  width:min(380px,88%);
  max-height:385px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 18px 22px rgba(61,32,126,.18));
  transform:translateY(8px);
}

.ski-thought{
  position:absolute;
  z-index:5;
  top:24px;
  right:18px;
  width:220px;
  padding:15px 17px;
  border-radius:34px;
  background:#fff;
  box-shadow:0 12px 28px rgba(55,34,90,.12);
  border:1px solid rgba(108,53,255,.08);
  display:grid;
  gap:3px;
  font-size:16px;
  line-height:1.25;
}
.ski-thought:after{
  content:"";
  position:absolute;
  left:30px;
  bottom:-18px;
  width:25px;height:25px;
  border-radius:50%;
  background:#fff;
  box-shadow:-18px 15px 0 -6px #fff;
}
.ski-thought strong{font-size:18px}
.ski-thought span{color:#5e26cf;font-weight:900}

.ski-product{
  position:absolute;
  z-index:1;
  display:grid;
  place-items:center;
  width:58px;height:58px;
  border-radius:18px;
  font-size:25px;
  font-weight:900;
  color:#fff;
  box-shadow:0 12px 25px rgba(64,38,112,.14);
}
.ski-p1{left:62px;top:55px;background:linear-gradient(135deg,#a24cef,#6730cf);transform:rotate(10deg)}
.ski-p2{left:28px;top:145px;background:linear-gradient(135deg,#22d6d0,#399dff)}
.ski-p3{right:24px;top:160px;background:linear-gradient(135deg,#6c35ff,#9f5cff)}

.ski-mini-products{
  position:absolute;
  left:25px;
  right:25px;
  bottom:6px;
  z-index:4;
  display:flex;
  justify-content:center;
  gap:9px;
}
.ski-mini-products span{
  width:48px;height:48px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(255,255,255,.92);
  border:1px solid #e7e0f1;
  box-shadow:0 8px 18px rgba(50,35,78,.08);
  font-size:23px;
}

.ski-actions-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}
.ski-action-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
  min-height:205px;
  padding:24px;
  border-radius:24px;
  background:#fff;
  border:1px solid #e8e1f0;
  color:inherit;
  text-decoration:none;
  box-shadow:0 10px 25px rgba(36,29,53,.05);
  transition:.18s ease;
}
.ski-action-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(61,39,107,.08)}
.ski-action-icon{
  width:52px;height:52px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#f1eaff;
  font-size:25px;
}
.ski-action-card h2{margin:0 0 6px;font-size:24px}
.ski-action-card p{margin:0;color:#6d6677;line-height:1.5}
.ski-action-link{margin-top:auto;font-weight:900;color:#6736dc}

@media(max-width:980px){
  .ski-hero{grid-template-columns:1fr;min-height:auto}
  .ski-hero-copy{padding:40px 36px 8px}
  .ski-hero-visual{min-height:430px;padding-top:16px}
  .ski-thought{top:20px;right:32px}
  .ski-actions-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
  .ski-home{width:calc(100% - 20px);margin:14px auto 24px}
  .ski-hero{border-radius:22px}
  .ski-hero-copy{padding:22px 18px 8px}
  .ski-kicker{font-size:9px}
  .ski-hero h1{font-size:38px;line-height:1.04;margin:16px 0 12px}
  .ski-lead{font-size:15px}
  .ski-buttons{display:grid;grid-template-columns:1fr;gap:9px;margin-top:18px}
  .ski-btn{width:100%;min-height:50px}
  .ski-hero-visual{min-height:350px;padding:16px 8px 0}
  .ski-kibi-main{width:min(340px,95%);max-height:345px}
  .ski-thought{top:10px;right:10px;width:180px;padding:12px 14px;border-radius:24px;font-size:13px}
  .ski-thought strong{font-size:16px}
  .ski-product{width:42px;height:42px;border-radius:13px;font-size:18px}
  .ski-p1{left:18px;top:62px}
  .ski-p2{left:10px;top:140px}
  .ski-p3{right:12px;top:150px}
  .ski-mini-products{bottom:2px}
  .ski-mini-products span{width:39px;height:39px;border-radius:11px;font-size:18px}
  .ski-actions-grid{gap:10px;margin-top:10px}
  .ski-action-card{padding:18px;border-radius:18px;min-height:auto}
  .ski-action-card h2{font-size:21px}
}