.sk-home-hero{position:relative;overflow:hidden;padding:10px 0 0;background:none}
.sk-home-hero__wrap{position:relative}
.sk-home-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:18px}
.sk-home-hero__content{order:2;text-align:right;padding:0}
.sk-home-hero__media{order:1}
.sk-home-hero__title{margin:0 0 14px;color:var(--fg);font-size:clamp(28px,3.8vw,56px);font-weight:800;line-height:1.24;letter-spacing:-.03em}
.sk-home-hero__title .is-accent{color:var(--brand-600)}
.sk-home-hero__subtitle{max-width:640px;margin:0 0 22px;color:var(--fg);font-size:clamp(18px,1.8vw,28px);font-weight:400;line-height:1.5}
.sk-home-hero__actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px}
.sk-home-hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 22px;border-radius:14px;text-decoration:none;white-space:nowrap;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease;box-shadow:none}
.sk-home-hero__btn svg{inline-size:18px;block-size:18px;fill:none;stroke:currentColor;stroke-width:2;flex:0 0 18px}
.sk-home-hero__btn:hover{transform:translateY(-1px)}
.sk-home-hero__btn--primary{background:var(--brand-600);color:#fff;border:1px solid transparent;box-shadow:none}
.sk-home-hero__btn--primary:hover{background:var(--brand-700);color:#fff;box-shadow:none}
.sk-home-hero__btn--secondary{background:color-mix(in oklab,var(--surface),white 10%);color:var(--fg);border:1px solid color-mix(in oklab,var(--border),transparent 10%);box-shadow:none}
.sk-home-hero__btn--secondary:hover{background:color-mix(in oklab,var(--surface),var(--brand-100) 22%);border-color:color-mix(in oklab,var(--border),var(--brand-500) 20%);color:var(--brand-700)}
:root[data-theme="dark"] .sk-home-hero__btn--secondary{background:color-mix(in oklab,var(--surface),white 4%);border-color:color-mix(in oklab,var(--border),white 8%);color:var(--fg)}
:root[data-theme="dark"] .sk-home-hero__btn--secondary:hover{background:color-mix(in oklab,var(--surface),var(--brand-500) 10%);border-color:color-mix(in oklab,var(--border),var(--brand-300) 18%);color:#fff}
.sk-home-hero__visual{position:relative;min-height:360px;display:flex;align-items:flex-end;justify-content:center}
.sk-home-hero__panel{position:absolute;inset:8px auto 8px 0;inline-size:min(100%,410px);block-size:430px;border:1px solid color-mix(in oklab,var(--border),var(--brand-500) 10%);border-radius:28px;background:linear-gradient(180deg,color-mix(in oklab,var(--brand-600),white 8%),var(--brand-700))}
.sk-home-hero__glow{position:absolute;inset:auto auto 26px 18px;inline-size:min(74%,260px);block-size:130px;border-radius:999px;background:radial-gradient(circle,color-mix(in oklab,#fff,var(--brand-300) 18%),transparent 70%);filter:blur(24px);opacity:.42;pointer-events:none}
.sk-home-hero__image{position:relative;z-index:2;inline-size:min(100%,430px)}
.sk-home-hero__image img{display:block;inline-size:100%;block-size:auto;object-fit:contain;filter:none}

@media (min-width:1025px){
  .sk-home-hero{padding:14px 0 0}
  .sk-home-hero__grid{grid-template-columns:minmax(340px,43%) minmax(420px,57%);gap:26px}
  .sk-home-hero__content{order:1;padding-inline-start:4px}
  .sk-home-hero__media{order:2}
  .sk-home-hero__visual{min-height:470px}
  .sk-home-hero__panel{inline-size:min(100%,430px);block-size:460px}
  .sk-home-hero__title{line-height:1.34}
}

@media (min-width:1400px){
  .sk-home-hero{padding:20px 0 0}
  .sk-home-hero__grid{gap:34px}
  .sk-home-hero__visual{min-height:500px}
  .sk-home-hero__panel{inline-size:min(100%,450px);block-size:490px}
  .sk-home-hero__image{inline-size:min(100%,450px)}
}

@media (max-width:1024px){
  .sk-home-hero{padding:8px 0 0}
  .sk-home-hero__grid{gap:24px}
  .sk-home-hero__content{text-align:center}
  .sk-home-hero__actions{justify-content:center;gap:10px}
  .sk-home-hero__visual{min-height:310px;align-items:flex-end;padding-top:26px}
  .sk-home-hero__panel{top:0;bottom:auto;right:auto;left:50%;transform:translateX(-50%);inline-size:min(100%,330px);block-size:170px;border-radius:24px}
  .sk-home-hero__glow{left:50%;bottom:auto;top:36px;transform:translateX(-50%);inline-size:220px;block-size:90px}
  .sk-home-hero__image{inline-size:min(100%,255px)}
  .sk-home-hero__title{font-size:clamp(24px,5.2vw,38px);margin-bottom:16px;line-height:1.35}
  .sk-home-hero__subtitle{font-size:clamp(16px,3.6vw,22px);margin-bottom:18px;line-height:1.7}
  .sk-home-hero__btn{min-height:48px;padding:0 16px;border-radius:12px;font-size:.94rem}
}

@media (max-width:767px){
  .sk-home-hero{padding:10px 0 0}
  .sk-home-hero__grid{gap:24px}
  .sk-home-hero__content{padding-inline:6px}
  .sk-home-hero__visual{min-height:250px;align-items:flex-end;padding-top:22px}
  .sk-home-hero__panel{top:0;bottom:auto;right:auto;left:50%;transform:translateX(-50%);inline-size:min(100%,260px);block-size:128px;border-radius:18px}
  .sk-home-hero__glow{left:50%;bottom:auto;top:24px;transform:translateX(-50%);inline-size:150px;block-size:70px}
  .sk-home-hero__image{inline-size:min(100%,210px)}
  .sk-home-hero__title{font-size:clamp(22px,7vw,32px);margin-bottom:18px;line-height:1.38}
  .sk-home-hero__subtitle{font-size:clamp(15px,4.2vw,18px);margin-bottom:22px;line-height:1.85}
  .sk-home-hero__actions{gap:8px;justify-content:center}
  .sk-home-hero__btn{min-height:46px;padding:0 14px;font-size:.88rem}
  .sk-home-hero__btn svg{inline-size:16px;block-size:16px;flex-basis:16px}
}