:root{
  --yk-navy:#071321;
  --yk-navy-2:#0b1b31;
  --yk-ink:#0a1322;
  --yk-muted:#667085;
  --yk-line:#e4e7ec;
  --yk-surface:#fff;
  --yk-soft:#f7f8fc;
  --yk-primary:#5965ff;
  --yk-primary-2:#7567ff;
  --yk-radius-sm:12px;
  --yk-radius-md:18px;
  --yk-radius-lg:26px;
  --yk-shadow-sm:0 10px 30px rgba(12,27,50,.08);
  --yk-shadow-md:0 24px 70px rgba(12,27,50,.12);
  --yk-section:clamp(72px,8vw,124px);
}
.yk-shell{width:min(calc(100% - 64px),1400px);margin-inline:auto}
.yk-section{padding-block:var(--yk-section)}
.yk-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--yk-primary);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.yk-kicker:before{content:"";width:24px;height:2px;background:currentColor}
.yk-title{font-size:clamp(38px,5vw,72px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 24px}
.yk-title em{font-style:normal;color:var(--yk-primary)}
.yk-section-title{font-size:clamp(32px,3.4vw,52px);line-height:1.08;letter-spacing:-.045em;margin:0 0 14px}
.yk-lead{font-size:clamp(16px,1.35vw,19px);line-height:1.8;color:var(--yk-muted);max-width:720px}
.yk-center{text-align:center}.yk-center .yk-lead{margin-inline:auto}
.yk-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 24px;border-radius:10px;font-weight:700;font-size:14px;border:1px solid transparent;transition:box-shadow .25s ease,border-color .25s ease,background .25s ease;color .25s ease}
.yk-btn:hover{box-shadow:0 12px 30px rgba(46,59,195,.18)}
.yk-btn--primary{color:#fff;background:linear-gradient(135deg,var(--yk-primary),#4655ed)}
.yk-btn--dark{color:#fff;background:var(--yk-navy)}
.yk-btn--light{color:var(--yk-navy);background:#fff}
.yk-btn--outline{color:var(--yk-navy);background:#fff;border-color:#cfd4dc}
.yk-btn--outline-light{color:#fff;background:transparent;border-color:rgba(255,255,255,.55)}
.yk-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.yk-panel{border-radius:var(--yk-radius-lg);background:var(--yk-navy);color:#fff;box-shadow:var(--yk-shadow-md)}
.yk-card{border:1px solid var(--yk-line);border-radius:var(--yk-radius-md);background:#fff;box-shadow:0 1px 0 rgba(16,24,40,.02);transition:border-color .25s ease,box-shadow .25s ease}
.yk-card:hover{border-color:#cbd1ff;box-shadow:var(--yk-shadow-sm)}
.yk-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#f2f3ff;color:var(--yk-primary)}
.yk-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.yk-cta{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:42px 48px;margin-block:64px;border-radius:22px;background:linear-gradient(120deg,#18389f,#5865ff 58%,#4938dc);color:#fff}
.yk-cta:after{content:"Y";position:absolute;right:36px;top:50%;transform:translateY(-54%);font-size:190px;font-weight:800;line-height:1;color:rgba(255,255,255,.08)}
.yk-cta>*{position:relative;z-index:1}.yk-cta h2{font-size:clamp(28px,3vw,42px);line-height:1.08;margin:0 0 10px}.yk-cta p{margin:0;color:#e5e8ff}.yk-cta__actions{display:flex;gap:14px}
@media(max-width:900px){.yk-shell{width:min(calc(100% - 36px),1400px)}.yk-cta{grid-template-columns:1fr;padding:34px 28px}.yk-cta__actions{flex-wrap:wrap}.yk-cta:after{right:0}}
@media(max-width:600px){.yk-shell{width:calc(100% - 28px)}.yk-title{font-size:42px}.yk-section{padding-block:70px}.yk-btn{width:100%}.yk-actions{display:grid}.yk-cta__actions{display:grid}.yk-cta:after{display:none}}