.cta-banner{display:flex;align-items:center;gap:var(--space-5);background:var(--color-heading);color:var(--color-text-on-primary);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:none}.cta-banner__guide{position:relative;flex-shrink:0;align-self:stretch;width:112px;min-height:96px;overflow:hidden;border-radius:var(--radius-sm);background:#ffffff29}.cta-banner__hakase{position:absolute;width:120px;height:auto;max-width:none;top:-15px;left:-4px}.cta-banner__guide-label{position:absolute;z-index:1;right:6px;bottom:6px;padding:2px 7px;border-radius:var(--radius-full);background:#0f172acc;color:#fff;font-size:.625rem;font-weight:var(--font-weight-bold)}.cta-banner__text{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.cta-banner__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-wrap:balance}.cta-banner__desc{font-size:var(--font-size-sm);color:var(--color-primary-lighter);line-height:var(--line-height-normal)}.cta-banner__button{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-surface);color:var(--color-primary-active);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);white-space:nowrap;transition:transform var(--transition-fast)}.cta-banner__button:hover{transform:translate(2px)}@media(max-width:640px){.cta-banner{flex-wrap:wrap;padding:var(--space-5)}.cta-banner__guide{width:82px;min-height:76px}.cta-banner__hakase{width:92px;top:-12px}.cta-banner__button{width:100%;justify-content:center}}